Android：Material Design之RecyclerView使用

最新推荐文章于 2022-11-23 06:30:00 发布

杨先生_

最新推荐文章于 2022-11-23 06:30:00 发布

阅读量449

点赞数

CC 4.0 BY-SA版权

分类专栏： Android

本文链接：https://blog.youkuaiyun.com/a526001650a/article/details/53489413

Android 专栏收录该内容

68 篇文章

订阅专栏

本文详细介绍了在Android中如何使用RecyclerView，包括RecyclerViewActivity的设置、列表布局recyclerview.xml的设计，以及MyAdapter类的实现，该类作为列表适配器处理每个item的逻辑，并展示了item2的布局recyclerview_img.xml。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

说明：
RecyclerView属于android.support.v7.widget包下的控件，内部继承ViewGroup，类似于ListView和GridView，需要设置布局管理器，并继承RecyclerView.Adapter，重写onCreateViewHolder方法创建自已的ViewHolder，并查找相应的控件引用，重写onBindViewHolder方法为控件设置数据显示。
布局管理器：
LinearLayoutManager性线布局管理器，用于实现类似于ListView的效果
GridLayoutManager网格布局管理器，用于实现类似于GridView的效果
StaggeredGridLayoutManager用于实现瀑布流效果，每个item宽高可以不同。

使用：

1.RecyclerViewActivity，用于显示列表页面：

public class RecyclerViewActivity extends FragmentActivity implements MyAdapter.OnItemClickLitener {
    private MyAdapter mAdapter;
    private RecyclerView mListView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.recyclerview);
        initView();
        initData();
        mAdapter.notifyDataSetChanged();
    }

    private void initData() {
        MyData data = null;
        for (int i = 0; i < 100; i++) {
            data = new MyData();
            if (i == 5 || i == 8 || i == 10 || i == 22 || i == 25) {
                data.type = 2;
                data.icon = R.mipmap.ic_launcher;
            } else {
                data.type = 1;
                data.text = "第" + i + "个";
            }
            mAdapter.dataList.add(data);
        }
    }

    private void initView() {
        mListView = (RecyclerView) findViewById(R.id.recyclerview_rv);

        //初始化性线布局管理器，用于实现类似于ListView的效果
//        LinearLayoutManager layoutManager = new LinearLayoutManager(this);
//        layoutManager.setOrientation(OrientationHelper.VERTICAL);  //VERTICAL为垂直排列、垂直滚动(默认)，另一种HORIZONTAL为水平排列、水平滚动
        //初始化网格布局管理器，用于实现类似于GridView的效果
//        GridLayoutManager layoutManager = new GridLayoutManager(this, 3); //VERTICAL模式时第2个参数为列数，HORIZONTAL模式时第2个参数为行数
//        layoutManager.setOrientation(OrientationHelper.VERTICAL);  //VERTICAL为垂直排列、垂直滚动(默认)，另一种HORIZONTAL为水平排列、水平滚动
        //初始化布局管理器，用于实现类错落的瀑布流效果
        StaggeredGridLayoutManager layoutManager = new StaggeredGridLayoutManager(3, StaggeredGridLayoutManager.VERTICAL); //VERTICAL模式时第1个参数为列数，HORIZONTAL模式时第1个参数为行数

        mListView.setLayoutManager(layoutManager);  //设置布局管理器

        mAdapter = new MyAdapter(this);
        mAdapter.setOnItemClickLitener(this); //设置点击事件

        mListView.setAdapter(mAdapter); //设置Adapter
        mListView.addItemDecoration(new MyItemDecoration(this));  //设置分隔线
        mListView.setItemAnimator(new DefaultItemAnimator()); //设置列表item增加和删除条目时的动画效果
    }

    @Override
    public void onItemClick(View view, int position) {//点击事件

    }

    @Override
    public void onItemLongClick(View view, int position) {//长按事件

    }

}

2.MyData类：

public class MyData {
    public int type;
    public String text;
    public int icon;
}

3.RecyclerViewActivity类的布局，recyclerview.xml：

<?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="match_parent"
              android:orientation="vertical">

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

</LinearLayout>

4.MyAdapter类，列表适配器，处理每个item的逻辑：

public class MyAdapter extends RecyclerView.Adapter<MyAdapter.MyViewHolder> {
    private final int TYPE_TEXT = 1;
    private final int TYPE_IMG = 2;
    private LayoutInflater mInflater;
    private OnItemClickLitener mLitener;
    public ArrayList<MyData> dataList = new ArrayList<>();

    public MyAdapter(Context context) {
        mInflater = LayoutInflater.from(context);
    }

    @Override
    public int getItemViewType(int position) {
        if (dataList.size() > 0) {
            return dataList.get(position).type;
        }
        return super.getItemViewType(position);
    }

    @Override
    public MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) { // 类似于getView，对每个item布局初始化
        if (viewType == TYPE_TEXT) {//根据类别处理不同item布局
            return new MyViewHolder(mInflater.inflate(R.layout.recyclerview_text, parent, false), viewType);
        }
        return new MyViewHolder(mInflater.inflate(R.layout.recyclerview_img, parent, false), viewType);
    }

    @Override
    public void onBindViewHolder(MyViewHolder holder, int position) { //为每个item设置数据显示
        if (dataList.get(position).type == TYPE_TEXT) {//根据类别处理不同item布局
            holder.tv.setText(dataList.get(position).text);
            //随机设置item的宽高
            holder.tv.setLayoutParams(new LinearLayout.LayoutParams(350, 100 + new Random().nextInt(300)));
            //设置item点击事件
            setLitener(holder.tv, position);
        } else {
            holder.iv.setImageResource(dataList.get(position).icon);
            //随机设置item的宽高
            holder.iv.setLayoutParams(new LinearLayout.LayoutParams(350, 100 + new Random().nextInt(100)));
            //设置item点击事件
            setLitener(holder.iv, position);
        }
    }

    private void setLitener(final View v, final int position) {
        if (mLitener == null) {
            return;
        }
        v.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                mLitener.onItemClick(view, position);
            }
        });
        v.setOnLongClickListener(new View.OnLongClickListener() {
            @Override
            public boolean onLongClick(View view) {
                mLitener.onItemLongClick(view, position);
                return true;
            }
        });
    }

    @Override
    public int getItemCount() {
        return dataList.size();
    }

    class MyViewHolder extends RecyclerView.ViewHolder { // 自定义一个ViewHolder，找出各控件的引用
        TextView tv;
        ImageView iv;

        public MyViewHolder(View itemView, int viewType) {
            super(itemView);
            if (viewType == TYPE_TEXT) { //根据类别处理
                tv = (TextView) itemView.findViewById(R.id.recyclerview_item_tv);
            } else {
                iv = (ImageView) itemView.findViewById(R.id.recyclerview_item_iv);
            }
        }
    }

    public void setOnItemClickLitener(OnItemClickLitener litener) {
        mLitener = litener;
    }

    public interface OnItemClickLitener {
        void onItemClick(View view, int position);

        void onItemLongClick(View view, int position);
    }

}

5.MyAdapter类的布局recyclerview_text.xml，用于item1的布局：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:background="#2fa941"
              android:orientation="vertical">

    <TextView
        android:id="@+id/recyclerview_item_tv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:textColor="@android:color/black"/>

</LinearLayout>

6.MyAdapter类的布局recyclerview_img.xml，用于item2的布局：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:orientation="vertical">

    <ImageView
        android:id="@+id/recyclerview_item_iv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>

</LinearLayout>