RecyclerView+FloatingActionButton应用

一.效果图

二.实现步骤

1.XML布局-添加依赖

    <LinearLayout
        android:id="@+id/layout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">
        <Button
            android:id="@+id/btn_linear"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Linear"/>
        <Button
            android:id="@+id/btn_simple"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Simple"/>
        <Button
            android:id="@+id/btn_add"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="add"
            />

    </LinearLayout>

    <android.support.design.widget.CoordinatorLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@+id/layout">
        <android.support.v7.widget.RecyclerView
            android:id="@+id/recycle_view"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            >
        </android.support.v7.widget.RecyclerView>
        <android.support.design.widget.FloatingActionButton
            android:id="@+id/flaot_btn"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="right|bottom"
            >
        </android.support.design.widget.FloatingActionButton>
    </android.support.design.widget.CoordinatorLayout>

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:padding="5dp"
    >
    <TextView
        android:id="@+id/tv_cyc_item"
        style="@style/CycStyle"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:clickable="true"
        android:gravity="center"
        android:textColor="@android:color/white"/>
</LinearLayout>

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@android:color/holo_red_dark" android:state_pressed="true"/>
    <item android:drawable="@android:color/holo_blue_dark"></item>
</selector>

import android.content.Context;
import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;

import java.util.ArrayList;


public class AdapterRecyclerView extends RecyclerView.Adapter<AdapterRecyclerView.MyDivViewHolder>{
    ArrayList<String> arrayList;
    Context context;
    public AdapterRecyclerView(ArrayList<String> arrayList,Context con){
        this.arrayList=arrayList;
        this.context=con;
    }
    @Override
    public MyDivViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        LayoutInflater layoutInflater=LayoutInflater.from(context);
        MyDivViewHolder myDivViewHolder=new MyDivViewHolder(layoutInflater.inflate(R.layout.recyclerview_item,parent,false));
        return myDivViewHolder;
    }
    @Override
    public void onBindViewHolder(MyDivViewHolder holder, int position) {
        MyDivViewHolder myDivViewHolder=holder;
        myDivViewHolder.tv.setText(arrayList.get(position));
    }
    @Override
    public int getItemCount() {
        return arrayList.size();
    }
    class MyDivViewHolder extends RecyclerView.ViewHolder{
        TextView tv;
        public MyDivViewHolder(View view){
            super(view);
            tv=(TextView)view.findViewById(R.id.tv_cyc_item);
        }
    }
}

    void initEvent(){
        arrayList=new ArrayList<String>();
        for(int i='A';i<'Z';i++){
            arrayList.add(""+(char)i);
        }
        //adapter 绑定
        AdapterRecyclerView adapter=new AdapterRecyclerView(arrayList,getApplicationContext());
        cycView.setLayoutManager(new StaggeredGridLayoutManager(3,StaggeredGridLayoutManager.VERTICAL));
        cycView.setAdapter(adapter);
    }

2.瀑布流初步实现效果

 

3.Item高度随机设置

适配器中设置TextView显示高度

    public void onBindViewHolder(MyDivViewHolder holder, int position) {
        MyDivViewHolder myDivViewHolder=holder;
        ViewGroup.LayoutParams lp = myDivViewHolder.tv.getLayoutParams();
        lp.height =stragger_random_height==0? 80: 50+new Random().nextInt(stragger_random_height)*5;
        myDivViewHolder.tv.setLayoutParams(lp);
        myDivViewHolder.tv.setText(arrayList.get(position));
    }
//添加 高度设置变量及函数
int stragger_random_height=0;
public void setStragger_random_height(int stragger_random_height) {
        this.stragger_random_height = stragger_random_height;
    }

//adapter 绑定
        AdapterRecyclerView adapter=new AdapterRecyclerView(arrayList,getApplicationContext());
        adapter.setStragger_random_height(100);
        cycView.setLayoutManager(new StaggeredGridLayoutManager(3,StaggeredGridLayoutManager.VERTICAL));
        cycView.setAdapter(adapter);

运行效果图：

4.Item点击动画设置(点击选中是Y轴180度转动，拖动后X轴180度转动)及Item移动及滑动删除

ItemTouchHelper.Callback实现

import android.animation.ObjectAnimator;
import android.support.v7.widget.RecyclerView;
import android.support.v7.widget.helper.ItemTouchHelper;
import android.view.View;
import android.view.animation.DecelerateInterpolator;
import java.util.ArrayList;
import java.util.Collections;
public class MyItemTouchHelper extends ItemTouchHelper.Callback{

    RecyclerView.Adapter mAdapter;
    ArrayList<String> arrayList;
    RecyclerView.ViewHolder vh;
    public void setArrayList(ArrayList<String> arrayList) {
        this.arrayList = arrayList;
    }
    public void setmAdapter(RecyclerView.Adapter mAdapter) {
        this.mAdapter = mAdapter;
    }

    @Override
    public void onSwiped(RecyclerView.ViewHolder viewHolder, int direction) {
        arrayList.remove(viewHolder.getAdapterPosition());// 将数据集中的数据移除
        mAdapter.notifyItemRemoved(viewHolder.getAdapterPosition());// 刷新列表
    }
    /*获取移动标志*/
    @Override
    public int getMovementFlags(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) {
        // 拖拽的标记，这里允许上下左右四个方向
        int dragFlags = ItemTouchHelper.UP | ItemTouchHelper.DOWN | ItemTouchHelper.LEFT | ItemTouchHelper.RIGHT;
        int swipeFlags = ItemTouchHelper.START | ItemTouchHelper.END;// 滑动的标记，这里允许左右滑动
        return makeMovementFlags(dragFlags, swipeFlags);
    }
    /*当一个Item被另外的Item替代时回调，也就是数据集的内容顺序改变*/
    @Override
    public boolean onMove(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, RecyclerView.ViewHolder target) {
        Collections.swap(arrayList, viewHolder.getAdapterPosition(), target.getAdapterPosition());
        return true;
    }
    @Override
    public void onMoved(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, int fromPos, RecyclerView.ViewHolder target, int toPos, int x, int y) {
        super.onMoved(recyclerView, viewHolder, fromPos, target, toPos, x, y);
        mAdapter.notifyItemMoved(viewHolder.getAdapterPosition(), target.getAdapterPosition());
    }

    /*Item是否可以长按 */
    @Override
    public boolean isLongPressDragEnabled() {
        return true;
    }
    /* Item是否可以滑动*/
    @Override
    public boolean isItemViewSwipeEnabled() {
        return true;
    }
    /* 当某个Item被滑动离开屏幕之后回调*/
    @Override
    public void onSelectedChanged(RecyclerView.ViewHolder viewHolder, int actionState) {
        super.onSelectedChanged(viewHolder, actionState);
        if (viewHolder != null) {
            vh = viewHolder;
            pickUpAnimation(viewHolder.itemView);
        } else {
            if (vh != null) {
                putDownAnimation(vh.itemView);
            }
        }
    }
    /*放下动画*/
    private void putDownAnimation(View view){
        ObjectAnimator animator = ObjectAnimator.ofFloat(view,"rotationY",0,180,0);//Y轴变动
        animator.setInterpolator(new DecelerateInterpolator());
        animator.setDuration(500);
        animator.start();
    }
    /*托起动画*/
    private void pickUpAnimation(View view) {
        ObjectAnimator animator = ObjectAnimator.ofFloat(view,"rotationX",0,180,0);
        animator.setInterpolator(new DecelerateInterpolator());
        animator.setDuration(500);
        animator.start();
    }
}

ItemTouchHelper与RecyclerView绑定

void initEvent(){
        arrayList=new ArrayList<String>();
        for(int i='A';i<'Z';i++){
            arrayList.add(""+(char)i);
        }
        //adapter 绑定
        AdapterRecyclerView adapter=new AdapterRecyclerView(arrayList,getApplicationContext());
        adapter.setStragger_random_height(100);
        cycView.setLayoutManager(new StaggeredGridLayoutManager(3,StaggeredGridLayoutManager.VERTICAL));
        cycView.setAdapter(adapter);
        //ItemTouchHelper绑定RecyclerView
        MyItemTouchHelper myItemTouchHelper=new MyItemTouchHelper();
        myItemTouchHelper.setArrayList(arrayList);
        myItemTouchHelper.setmAdapter(adapter);
        ItemTouchHelper itemTouchHelper=new ItemTouchHelper(myItemTouchHelper);
        itemTouchHelper.attachToRecyclerView(cycView);
    }

运行效果图：

5.FloatingActionButton返回RecyclerView顶部

cycView.smoothScrollToPosition(0);

运行效果图：

6.3个类的全部源码

package rgsc.recyclerviewactivity;

import android.support.design.widget.FloatingActionButton;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.support.v7.widget.RecyclerView;
import android.support.v7.widget.StaggeredGridLayoutManager;
import android.support.v7.widget.helper.ItemTouchHelper;
import android.view.View;
import android.widget.Button;
import java.util.ArrayList;
public class MainActivity extends AppCompatActivity implements View.OnClickListener{

    RecyclerView cycView;
    Button btn_linear;
    Button btn_add;
    Button btn_simple;
    FloatingActionButton fb;
    ArrayList<String> arrayList;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initControl();
        initEvent();
    }
    void initControl(){
        fb=(FloatingActionButton)findViewById(R.id.flaot_btn);
        cycView=(RecyclerView)findViewById(R.id.recycle_view);
        btn_linear=(Button)findViewById(R.id.btn_linear);
        btn_simple=(Button)findViewById(R.id.btn_simple);
        btn_add=(Button)findViewById(R.id.btn_add);

        fb.setOnClickListener(this);
        btn_add.setOnClickListener(this);
        btn_simple.setOnClickListener(this);
        btn_linear.setOnClickListener(this);
    }
    void initEvent(){
        arrayList=new ArrayList<String>();
        for(int i='A';i<'Z';i++){
            arrayList.add(""+(char)i);
        }
        //adapter 绑定
        AdapterRecyclerView adapter=new AdapterRecyclerView(arrayList,getApplicationContext());
        adapter.setStragger_random_height(100);
        cycView.setLayoutManager(new StaggeredGridLayoutManager(3,StaggeredGridLayoutManager.VERTICAL));
        cycView.setAdapter(adapter);
        //ItemTouchHelper绑定RecyclerView
        MyItemTouchHelper myItemTouchHelper=new MyItemTouchHelper();
        myItemTouchHelper.setArrayList(arrayList);
        myItemTouchHelper.setmAdapter(adapter);
        ItemTouchHelper itemTouchHelper=new ItemTouchHelper(myItemTouchHelper);
        itemTouchHelper.attachToRecyclerView(cycView);
    }
    @Override
    public void onClick(View view) {
        switch (view.getId()){
            case R.id.btn_linear://LinearLayout 布局
                break;
            case R.id.btn_simple:
                break;
            case R.id.btn_add:
                break;
            case R.id.flaot_btn:
                cycView.smoothScrollToPosition(0);
                break;
        }
    }

}

package rgsc.recyclerviewactivity;
import android.content.Context;
import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;
import java.util.ArrayList;
import java.util.Random;
public class AdapterRecyclerView extends RecyclerView.Adapter<AdapterRecyclerView.MyDivViewHolder>{
    ArrayList<String> arrayList;
    Context context;
    int stragger_random_height=0;
    public AdapterRecyclerView(ArrayList<String> arrayList,Context con){
        this.arrayList=arrayList;
        this.context=con;
    }
    @Override
    public MyDivViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        LayoutInflater layoutInflater=LayoutInflater.from(context);
        MyDivViewHolder myDivViewHolder=new MyDivViewHolder(layoutInflater.inflate(R.layout.recyclerview_item,parent,false));
        return myDivViewHolder;
    }
    @Override
    public void onBindViewHolder(MyDivViewHolder holder, int position) {
        MyDivViewHolder myDivViewHolder=holder;
        ViewGroup.LayoutParams lp = myDivViewHolder.tv.getLayoutParams();
        lp.height =stragger_random_height==0? 80: 50+new Random().nextInt(stragger_random_height)*5;
        myDivViewHolder.tv.setLayoutParams(lp);
        myDivViewHolder.tv.setText(arrayList.get(position));
    }
    @Override
    public int getItemCount() {
        return arrayList.size();
    }
    public void setStragger_random_height(int stragger_random_height) {
        this.stragger_random_height = stragger_random_height;
    }
    class MyDivViewHolder extends RecyclerView.ViewHolder{
        TextView tv;
        public MyDivViewHolder(View view){
            super(view);
            tv=(TextView)view.findViewById(R.id.tv_cyc_item);
        }
    }
}

package rgsc.recyclerviewactivity;

import android.animation.ObjectAnimator;
import android.support.v7.widget.RecyclerView;
import android.support.v7.widget.helper.ItemTouchHelper;
import android.view.View;
import android.view.animation.DecelerateInterpolator;
import java.util.ArrayList;
import java.util.Collections;
public class MyItemTouchHelper extends ItemTouchHelper.Callback{

    RecyclerView.Adapter mAdapter;
    ArrayList<String> arrayList;
    RecyclerView.ViewHolder vh;
    public void setArrayList(ArrayList<String> arrayList) {
        this.arrayList = arrayList;
    }
    public void setmAdapter(RecyclerView.Adapter mAdapter) {
        this.mAdapter = mAdapter;
    }
    @Override
    public void onSwiped(RecyclerView.ViewHolder viewHolder, int direction) {
        arrayList.remove(viewHolder.getAdapterPosition());// 将数据集中的数据移除
        mAdapter.notifyItemRemoved(viewHolder.getAdapterPosition());// 刷新列表
    }
    /*获取移动标志*/
    @Override
    public int getMovementFlags(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) {
        // 拖拽的标记，这里允许上下左右四个方向
        int dragFlags = ItemTouchHelper.UP | ItemTouchHelper.DOWN | ItemTouchHelper.LEFT | ItemTouchHelper.RIGHT;
        int swipeFlags = ItemTouchHelper.START | ItemTouchHelper.END;// 滑动的标记，这里允许左右滑动
        return makeMovementFlags(dragFlags, swipeFlags);
    }
    /*当一个Item被另外的Item替代时回调，也就是数据集的内容顺序改变*/
    @Override
    public boolean onMove(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, RecyclerView.ViewHolder target) {
        Collections.swap(arrayList, viewHolder.getAdapterPosition(), target.getAdapterPosition());
        return true;
    }
    @Override
    public void onMoved(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, int fromPos, RecyclerView.ViewHolder target, int toPos, int x, int y) {
        super.onMoved(recyclerView, viewHolder, fromPos, target, toPos, x, y);
        mAdapter.notifyItemMoved(viewHolder.getAdapterPosition(), target.getAdapterPosition());
    }
    /*Item是否可以长按 */
    @Override
    public boolean isLongPressDragEnabled() {
        return true;
    }
    /* Item是否可以滑动*/
    @Override
    public boolean isItemViewSwipeEnabled() {
        return true;
    }
    /* 当某个Item被滑动离开屏幕之后回调*/
    @Override
    public void onSelectedChanged(RecyclerView.ViewHolder viewHolder, int actionState) {
        super.onSelectedChanged(viewHolder, actionState);
        if (viewHolder != null) {
            vh = viewHolder;
            pickUpAnimation(viewHolder.itemView);
        } else {
            if (vh != null) {
                putDownAnimation(vh.itemView);
            }
        }
    }
    /*放下动画*/
    private void putDownAnimation(View view){
        ObjectAnimator animator = ObjectAnimator.ofFloat(view,"rotationY",0,180,0);//Y轴变动
        animator.setInterpolator(new DecelerateInterpolator());
        animator.setDuration(500);
        animator.start();
    }
    /*托起动画*/
    private void pickUpAnimation(View view) {
        ObjectAnimator animator = ObjectAnimator.ofFloat(view,"rotationX",0,180,0);
        animator.setInterpolator(new DecelerateInterpolator());
        animator.setDuration(500);
        animator.start();
    }
}