RecyclerView基本使用

介绍:
它是Android5.0之后出现的新控件.
RecyclerView实现的效果是替换ListView。
(13-15)ListView,之后使用的就是RecyclerView。
LIstView缓存的就是一个控件,RecyclerView缓存的是一个ViewHolder。
RecycleView采用的是MVC适配器模式,提供了一种插拔式的体验,高度解耦,异常灵活,可以通过布局管理器实现很多种效果。
可以实现的效果:
垂直、水平、瀑布流,功能强大(让ListView和GridView退休)。
使用:
一、导入依赖

		//RecyclerView依赖
    implementation 'com.android.support:recyclerview-v7:28.0.0'

二、布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity"
    android:orientation="vertical">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

        <Button
            android:id="@+id/addItem"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="添加一条"/>

        <Button
            android:id="@+id/removeItem"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="删除一条"/>

        <Button
            android:id="@+id/listViewItem"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="LV效果"/>

        <Button
            android:id="@+id/gridViewItem"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="GV效果"/>

        <Button
            android:id="@+id/flowItem"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="瀑布流效果"/>

    </LinearLayout>

    <android.support.v7.widget.RecyclerView
        android:id="@+id/recyclerView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

</LinearLayout>

三、item布局

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent"
    android:layout_height="75dp"
    android:padding="5dp">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#22000000"
        android:gravity="center"
        android:orientation="horizontal"
        android:padding="5dp">

        <ImageView
            android:id="@+id/iv_icon"
            android:padding="5dp"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@mipmap/ic_launcher" />

        <TextView
            android:id="@+id/title"
            android:padding="15dp"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="10dp"
            android:gravity="center"
            android:textSize="25sp"/>

    </LinearLayout>


</RelativeLayout>

四、适配器

/*
* 1.继承RecyclerView.Adapter
* 2.自己手写ViewHolder再设置泛型上去
* */
public class MyRecyclerViewAdapter extends RecyclerView.Adapter<MyRecyclerViewAdapter.ViewHolder> {

    private List<String> mList ;
    private Context mContext;

    public MyRecyclerViewAdapter(List<String> list, Context context) {
        mList = list;
        mContext = context;
    }

    @NonNull
    @Override//创建ViewHolder
    public ViewHolder onCreateViewHolder(@NonNull ViewGroup viewGroup, int i) {
        //加载布局
        View view = View.inflate(mContext, R.layout.recyclerview_item, null);
        //创建ViewHolder
        ViewHolder viewItem = new ViewHolder(view);
        return viewItem;
    }

    @Override//绑定ViewHolder,更新UI,给控件设置数据
    public void onBindViewHolder(@NonNull ViewHolder viewHolder, int i) {
        //获取数据
        final String s = mList.get(i);

        //文本点击事件
        viewHolder.title.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                mOnClickListener.onClick(v,s);
            }
        });

        //条目点击事件
        viewHolder.itemView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                mOnClickListener.itemOnClick(v,s);
            }
        });
        //设置数据
        viewHolder.title.setText(s);
    }

    @Override//获取条目
    public int getItemCount() {
        return mList.size();
    }

    //创建ViewHolder
    public class ViewHolder extends RecyclerView.ViewHolder {

        private final TextView title;

        public ViewHolder(@NonNull View itemView) {
            super(itemView);

            //获取控件
            title = itemView.findViewById(R.id.title);

        }
    }

    //增加数据
    public void addData(int i,String data){

        mList.add(i,data);
        //添加的位置并刷新
        notifyItemInserted(i);
        notifyDataSetChanged();

    }

    //删除数据
    public void removeData(int i){
        mList.remove(i);
        notifyItemRemoved(i);
        notifyDataSetChanged();
    }

    //创建接口实现点击事件
    public interface OnClickListener{
        void onClick(View v , String data);
        void itemOnClick(View v , String data);
    }

    //声明接口
    private OnClickListener mOnClickListener;

    //暴露方法
    public void setOnClickListener(OnClickListener onClickListener){
        mOnClickListener = onClickListener ;
    }
}

五、MainActivity代码

public class MainActivity extends AppCompatActivity implements View.OnClickListener {

    private RecyclerView mRecyclerView;
    private List<String> mList;
    private MyRecyclerViewAdapter adapter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        //初始化控件
        initView();

        //初始化数据
        initLoad();

        //设置适配器
        adapter = new MyRecyclerViewAdapter(mList, this);
        mRecyclerView.setAdapter(adapter);

        //创建布局管理器
        mRecyclerView.setLayoutManager(new LinearLayoutManager(this,LinearLayoutManager.VERTICAL,false));

        //添加分割线
        mRecyclerView.addItemDecoration(new DividerItemDecoration(this,DividerItemDecoration.VERTICAL));

        //自定义点击事件
        adapter.setOnClickListener(new MyRecyclerViewAdapter.OnClickListener() {
            @Override
            public void onClick(View v, String data) {
                Toast.makeText(MainActivity.this, "点击了"+data, Toast.LENGTH_SHORT).show();
            }

            @Override
            public void itemOnClick(View v, String data) {
                Toast.makeText(MainActivity.this, ""+data, Toast.LENGTH_SHORT).show();
            }
        });
    }

    private void initLoad() {
        mList = new ArrayList<>();
        for (int i=0 ; i < 60 ; i++ ){
            mList.add("item" + i);
        }
    }

    private void initView() {
        mRecyclerView = findViewById(R.id.recyclerView);
        //按钮
        Button addItem = findViewById(R.id.addItem);
        Button removeItem = findViewById(R.id.removeItem);
        Button listViewItem = findViewById(R.id.listViewItem);
        Button gridViewItem = findViewById(R.id.gridViewItem);
        Button flowItem = findViewById(R.id.flowItem);

        //设置监听
        addItem.setOnClickListener(this);
        removeItem.setOnClickListener(this);
        listViewItem.setOnClickListener(this);
        gridViewItem.setOnClickListener(this);
        flowItem.setOnClickListener(this);
    }

    @Override
    public void onClick(View v) {
        switch (v.getId()){
            case R.id.addItem:
                adapter.addData(0,"HHH");
                break;
            case R.id.removeItem:
                adapter.removeData(0);
                break;
            case R.id.listViewItem:
                //创建布局管理器
                mRecyclerView.setLayoutManager(new LinearLayoutManager(this,LinearLayoutManager.VERTICAL,false));
                break;
            case R.id.gridViewItem:
                //创建布局管理器
                mRecyclerView.setLayoutManager(new GridLayoutManager(this,2,GridLayoutManager.VERTICAL,false));
                break;
            case R.id.flowItem:
                //创建布局管理器
                mRecyclerView.setLayoutManager(new StaggeredGridLayoutManager(3,StaggeredGridLayoutManager.VERTICAL));
                break;
        }
    }
}

效果
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/jiahui6666/article/details/84074297