RecyclerView的通用适配器的高级使用

最新推荐文章于 2024-04-18 09:52:26 发布

陈旭金-小金子

最新推荐文章于 2024-04-18 09:52:26 发布

阅读量6.8k

点赞数 6

分类专栏： Android 总结自定义 Android Studio 文章标签： Android 通用适配器 RecyclerView

本文链接：https://blog.csdn.net/u011692041/article/details/51910677

版权

Android 同时被 3 个专栏收录

85 篇文章 1 订阅

订阅专栏

总结

33 篇文章 1 订阅

订阅专栏

Android Studio

16 篇文章 0 订阅

订阅专栏

前言

博主由于项目中频繁的使用了V7包中的RecyclerView来代替ListView的列表展示,所以抽空基于ListView的通用适配器的原理,给RecyclerView也写了一个通用适配器主要支持以下功能:

1.支持item的点击事件,在多布局的情况下可以指定生效的itemType

2.支持item中的控件的点击事件(博主觉得具有创新性),在多布局的情况下可以指定生效的itemType

3.支持添加和移除头部

4.支持添加和移除尾部

5.支持多布局(其实这个并不是博主写的功能,而是自带的,下面会陈述)

以上的功能都是通用适配器完成的,对RecyclerView本身没有做任何的更改

那么博主就先带大家来看看是如何使用的吧,看看他是如果提高我们的开发效率的!

Xml布局

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.yoursecondworld.recyclerviewdemo.MainActivity">

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

Number One(一个竖直的简单的列表,显示人名)

public class MainActivity extends AppCompatActivity {

    //展示数据的列表
    private RecyclerView rv = null;

    //需要展示的数据
    private List<String> data = new ArrayList<String>();

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


        //展示的数据造假
        for(int i = 0; i < 100; i++) {
            data.add("item:" + i);
        }

        //寻找控件
        rv = (RecyclerView) findViewById(R.id.rv);

        //创建一个线性的布局管理器并设置
        LinearLayoutManager layoutManager = new LinearLayoutManager(this);
        layoutManager.setOrientation(LinearLayoutManager.VERTICAL);
        rv.setLayoutManager(layoutManager);

        CommonRecyclerViewAdapter<String> adapter = new CommonRecyclerViewAdapter<String>(this, data) {
            @Override
            public void convert(CommonRecyclerViewHolder h, String entity, int position) {
                h.setText(android.R.id.text1, entity);
            }

            //返回item布局的id
            @Override
            public int getLayoutViewId(int viewType) {
                return android.R.layout.simple_list_item_1;
            }
        };

        //设置适配器
        rv.setAdapter(adapter);

    }
}

你可以看到适配器是通过内部类new出来的,因为代码量比较少所以这样子写了,你们在项目中最好创建一个类哦

代码很简单,就是让RecyclerView竖直的展示了数据,item的布局暂时使用了系统的

效果

可以看到显示没有一点问题,那么我要实现条目的点击怎么办？

实现item的点击效果

adapter.setOnRecyclerViewItemClickListener(new CommonRecyclerViewAdapter.OnRecyclerViewItemClickListener() {
        @Override
        public void onItemClick(View v, int position) {
               Toast.makeText(MainActivity.this, "你点击了第" + position + "个item", Toast.LENGTH_SHORT).show();
        }
});

是不是和Listview的条目监听是一样一样的？换个方法名称而已嘛对不对

点击item效果

可以看到,点击事件生效

多布局demo

由于显示的需要,我们需要一个实体对象

entity

public class DemoEntity {

    //如果有这个说明需要使用tag条目
    private String tag;

    //如果有这个说明要使用item条目
    private String name;

    public DemoEntity(String tag, String name) {
        this.tag = tag;
        this.name = name;
    }

    public String getTag() {
        return tag;
    }

    public void setTag(String tag) {
        this.tag = tag;
    }

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }
}

注释中可以看出,如果有tag属性,那么没有name属性

既然是多布局,那么两个及以上的布局,这里以两个布局为例子

xml(TagItem)

<?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="wrap_content">

    <TextView
        android:id="@+id/tv_tag"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textColor="#0000FF"
        android:textSize="24dp" />

</RelativeLayout>

xml(NameItem)

<?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="match_parent">

    <TextView
        android:id="@+id/tv_name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="16dp"
        android:textSize="16dp" />

</RelativeLayout>

然后我们在适配器中需要多一个方法了,先看代码

修改后的Activity代码

public class MainActivity extends AppCompatActivity {

    //展示数据的列表
    private RecyclerView rv = null;

    //需要展示的数据
    private List<DemoEntity> data = new ArrayList<DemoEntity>();

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


        //展示的数据造假
        data.add(new DemoEntity("A", null));
        data.add(new DemoEntity(null, "阿大"));
        data.add(new DemoEntity(null, "阿姨"));
        data.add(new DemoEntity("C", null));
        data.add(new DemoEntity(null, "陈旭金"));

        //寻找控件
        rv = (RecyclerView) findViewById(R.id.rv);

        //创建一个线性的布局管理器并设置
        LinearLayoutManager layoutManager = new LinearLayoutManager(this);
        layoutManager.setOrientation(LinearLayoutManager.VERTICAL);
        rv.setLayoutManager(layoutManager);

        CommonRecyclerViewAdapter<DemoEntity> adapter = new CommonRecyclerViewAdapter<DemoEntity>(this, data) {

            @Override
            public void convert(CommonRecyclerViewHolder h, DemoEntity entity, int position) {
                int itemViewType = getItemType(position);
                if (itemViewType == 1) {
                    h.setText(R.id.tv_tag, entity.getTag());
                } else {
                    h.setText(R.id.tv_name, entity.getName());
                }
            }

            //返回item布局的id
            @Override
            public int getLayoutViewId(int viewType) {
                if (viewType == 1) {
                    return R.layout.tag;
                } else {
                    return R.layout.item;
                }
            }

            //默认是返回0,所以你可以定义返回1表示使用tag,2表示使用item,
            //这里返回的值将在getLayoutViewId方法中出现
            @Override
            public int getItemType(int position) {
                //根据实体对象中的属性来返回view的类型
                DemoEntity demoEntity = data.get(position);
                if (demoEntity.getTag() != null) { //如果是tag,应该返回1
                    return 1;
                } else {
                    return 2;
                }
            }
        };

        //设置适配器
        rv.setAdapter(adapter);

        adapter.setOnRecyclerViewItemClickListener(new CommonRecyclerViewAdapter.OnRecyclerViewItemClickListener() {
            @Override
            public void onItemClick(View v, int position) {
                Toast.makeText(MainActivity.this, "你点击了第" + position + "个item", Toast.LENGTH_SHORT).show();
            }
        });

    }
}

我们看到多了一个getItemType方法,用来返回下标为position的时候的viewItem的标识,这个可以随你自己定义,上面就是1表示Tag,2表示name

然后我们的getLayoutViewId方法就不再是单纯的返回同一个布局啦,就要根据刚刚的标识返回对应的xml的id啦

同理,在convert方法中也得判断后再进行对item中的控件赋值啦!代码不难,博主也做了注释

看效果

数据的数量比较少就不能滑动了,你自己数据弄多点就行啦

针对多布局的item点击事件,有时候我们需要只要名称的item的点击作用生效就行了,所以adapter中也提供了相应的方法

public void setOnRecyclerViewItemClickListener(OnRecyclerViewItemClickListener onRecyclerViewItemClickListener, int... itemTypes)

adapter.setOnRecyclerViewItemClickListener(new CommonRecyclerViewAdapter.OnRecyclerViewItemClickListener() {
        @Override
        public void onItemClick(View v, int position) {
             Toast.makeText(MultiLayoutActivity.this, "你点击了第" + position + "个item", Toast.LENGTH_SHORT).show();
        }
}, 2);

细心一点可以看到,设置监听的最后我跟上了一个2,那么这个2是什么用呢？还记得上面的多布局,我们的2表示显示名称的item,所以这里的2就是指点击事件只对显示名称的item起作用,而这个2也是你自己在上面自定义的,所以要学会变通

看效果!

可以看我我无论如何点击蓝色的字母,这里都没有起作用,这个设计博主觉得挺6的,你说呢？

演示监听item内部控件的点击事件

首先我们在显示名称的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="match_parent">

    <TextView
        android:id="@+id/tv_name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:layout_marginLeft="16dp"
        android:text="name"
        android:textSize="16dp" />

    <!--新添加一个按钮,在文本的右边-->
    <Button
        android:id="@+id/bt"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:layout_toRightOf="@+id/tv_name"
        android:text="点我" />

</RelativeLayout>

就添加了一个按钮

然后呢,我们在Activity去监听这个item中的按钮!方法为:

public void setOnViewInItemClickListener(OnViewInItemClickListener onViewInItemClickListener, int... viewIdsInItem)

viewIdsInItem是一个整形数组,就是你想监听的item中的控件的id

用法:

//添加item中按钮控件监听
adapter.setOnViewInItemClickListener(new CommonRecyclerViewAdapter.OnViewInItemClickListener() {
        @Override
        public void onViewInItemClick(View v, int position) {
            DemoEntity demoEntity = data.get(position);
            Toast.makeText(MultiLayoutActivity.this, "你点击了第" + position + "个item,name = " + demoEntity.getName(), Toast.LENGTH_SHORT).show();
        }
}, R.id.bt);

为了可以滑动,数据我造假多一点

        data.add(new DemoEntity("A", null));
        data.add(new DemoEntity(null, "阿大"));
        data.add(new DemoEntity(null, "阿姨1"));
        data.add(new DemoEntity(null, "阿姨2"));
        data.add(new DemoEntity(null, "阿姨3"));
        data.add(new DemoEntity(null, "阿姨4"));
        data.add(new DemoEntity("C", null));
        data.add(new DemoEntity(null, "陈旭金1"));
        data.add(new DemoEntity(null, "陈旭金2"));
        data.add(new DemoEntity(null, "陈旭金3"));
        data.add(new DemoEntity(null, "陈旭金4"));

效果

可以看到item中的按钮被成功点击!并且显示出对应的名称和点击item是有点区别的

演示添加头部试图

头部xml

<?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="match_parent"
    android:background="#FF0000">


    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:text="我是头部"
            android:textColor="#FFFFFF"
            android:textSize="40dp" />

    </RelativeLayout>


</RelativeLayout>

然后我们添加一个头部

adapter.addHeaderView(View.inflate(this, R.layout.header, null));

效果

demo和通用适配器源码下载

https://github.com/xiaojinzi123/android-demos/tree/master/RecyclerViewDemo(github抽风,暂时未更新)

http://download.csdn.net/detail/u011692041/9677142

陈旭金-小金子

关注

6
点赞
踩
4

收藏

觉得还不错? 一键收藏
2
评论
RecyclerView的通用适配器的高级使用

前言博主由于项目中频繁的使用了V7包中的RecyclerView来代替ListView的列表展示,所以抽空基于ListView的通用适配器的原理,给RecyclerView也写了一个通用适配器主要支持以下功能:1.支持item的点击事件2.支持item中的控件的点击事件(博主觉得具有创新性)3.支持添加和移除头部(博主没有写添加尾部的方法,其实和添加头部的方法是类似的,如果你有需要
复制链接

扫一扫

专栏目录