recyclerview 分组_Android使用RecyclerView实现跨列分组

效果图:

942a2237b912c991cccf493ee17f374a.png

需求分析:

如上图所示,这是一个展示年级及学期的界面。年级分为三组高中、初中和小学。因学期太多若按一个一个控件的写既繁琐又不够优雅,所以我采用 RecyclerView配合分组来实现效果。注意:我这边是使用一个 RecyclerView和一个 List,然后Adapter使用getItemViewType将填充视图分为标题和内容两个 ItemView,通过Bean中的 type 来决定加载哪个视图。因为是三列的列表,所以在插入 item 时,标题 item 会和内容 item 在同一行,顾在插入标题 item 的时候让它跨三列即可独占一行,具体实现如下:

实现过程:

xml相关文件

<layout    xmlns:android="http://schemas.android.com/apk/res/android">    <data>        <variable            name="gradeBean"            type="cn.toctec.wrongbook.grade.bean.GradeBean" />    data>    <TextView        android:orientation="vertical"        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:layout_marginTop="20dp"        android:text="@{gradeBean.gradeName}"        android:textSize="12dp"        android:textColor="@color/color888888">    TextView>layout>

标题 item.xml

<layout    xmlns:android="http://schemas.android.com/apk/res/android">    <data>        <variable            name="gradeBean"            type="cn.toctec.wrongbook.grade.bean.GradeBean" />    data>    <com.nanbox.ripplelayout.RippleLayout        android:layout_width="match_parent"        android:layout_height="35dp"        android:layout_marginTop="10dp"        android:layout_marginLeft="10dp"        android:layout_marginRight="10dp"        android:background="@drawable/bg_grade_gray_fillet">        <RelativeLayout            android:layout_width="match_parent"            android:layout_height="match_parent">            <TextView                android:layout_width="wrap_content"                android:layout_height="wrap_content"                android:layout_centerHorizontal="true"                android:layout_centerVertical="true"                android:text="@{gradeBean.gradeName}"                android:textColor="@color/color333333"                android:textSize="12dp"/>        RelativeLayout>    com.nanbox.ripplelayout.RippleLayout>layout>

内容 item.xml

<layout    xmlns:android="http://schemas.android.com/apk/res/android">    <RelativeLayout        android:orientation="vertical"        android:layout_width="match_parent"        android:layout_height="match_parent"        android:background="@color/white">        <ImageView            android:onClick="onBack"            android:layout_width="18dp"            android:layout_height="18dp"            android:layout_marginTop="45dp"            android:layout_marginLeft="15dp"            android:background="@mipmap/ic_back"/>        <TextView            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:includeFontPadding="false"            android:layout_centerHorizontal="true"            android:layout_marginTop="43dp"            android:text="@string/grade"            android:textColor="@color/color333333"            android:textSize="18dp"/>        <androidx.recyclerview.widget.RecyclerView            android:id="@+id/gradeRv"            android:layout_width="match_parent"            android:layout_height="match_parent"            android:layout_marginTop="94dp"            android:layout_marginLeft="15dp"            android:layout_marginRight="15dp"/>    RelativeLayout>layout>

activity.xml

bean

public class GradeBean {    private int gradeId;    private String gradeName;    private boolean gradeType;    public GradeBean() {    }    public GradeBean(int gradeId, String gradeName, boolean gradeType) {        this.gradeId = gradeId;        this.gradeName = gradeName;        this.gradeType = gradeType;    }    public int getGradeId() {        return gradeId;    }    public void setGradeId(int gradeId) {        this.gradeId = gradeId;    }    public String getGradeName() {        return gradeName;    }    public void setGradeName(String gradeName) {        this.gradeName = gradeName;    }    public boolean isGradeType() {        return gradeType;    }    public void setGradeType(boolean gradeType) {        this.gradeType = gradeType;    }    @Override    public String toString() {        return "GradeBean{" +                "gradeId=" + gradeId +                ", gradeName='" + gradeName + '\'' +                ", gradeType=" + gradeType +                '}';    }}

adapter

public class GradeAdapter extends RecyclerView.Adapter<BindingViewHolder> {    private LayoutInflater layoutInflater;    private List beanList;    private OnItemClickListener listener;    public GradeAdapter(Context context) {        layoutInflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);        beanList = new ArrayList<>();    }    public interface OnItemClickListener {        void onItemClick(GradeBean gradeBean);    }    public void setOnItemClickListener(OnItemClickListener listener) {        this.listener = listener;    }    /**     * item 分类     */    public enum ItemType {        LEVEL,  //年级级别        GRADE   //年级    }    /**     * 设置每个 item 类型     * @param position     * @return     */    @Override    public int getItemViewType(int position) {        final GradeBean bean = beanList.get(position);        if (bean.isGradeType()) {            return ItemType.LEVEL.ordinal();    //级别        }else {            return ItemType.GRADE.ordinal();    //年级        }    }    @NonNull    @Override    public BindingViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {        ViewDataBinding binding;        if (viewType == ItemType.LEVEL.ordinal()) {            binding = DataBindingUtil.inflate(layoutInflater, R.layout.item_level, parent, false);        }else {            binding = DataBindingUtil.inflate(layoutInflater, R.layout.item_grade_number, parent, false);        }        return new BindingViewHolder(binding);    }    @Override    public void onBindViewHolder(@NonNull BindingViewHolder holder, int position) {        final GradeBean bean = beanList.get(position);        holder.getBinding().setVariable(BR.gradeBean, bean);        holder.getBinding().executePendingBindings();        holder.itemView.setOnClickListener(new View.OnClickListener() {            @Override            public void onClick(View v) {                if (listener != null) {                    listener.onItemClick(bean);                }            }        });    }    @Override    public int getItemCount() {        return beanList == null ? 0 : beanList.size();    }    public void addAll(List beans) {        beanList.clear();        beanList.addAll(beans);        notifyDataSetChanged();    }}

activity

public class GradeActivity extends BaseActivity {    ActivityGradeBinding binding;    private List gradeBeanList;    private GradeAdapter adapter;    @Override    protected void onCreate(@Nullable Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        binding = DataBindingUtil.setContentView(this, R.layout.activity_grade);        gradeBeanList = new ArrayList<>();        gradeBeanList.add(new GradeBean(1, "小学", true));        gradeBeanList.add(new GradeBean(2, "一年级 上", false));        gradeBeanList.add(new GradeBean(3, "一年级 下", false));        gradeBeanList.add(new GradeBean(4, "二年级 上", false));        gradeBeanList.add(new GradeBean(5, "二年级 下", false));        gradeBeanList.add(new GradeBean(6, "三年级 上", false));        gradeBeanList.add(new GradeBean(7, "三年级 下", false));        gradeBeanList.add(new GradeBean(8, "四年级 上", false));        gradeBeanList.add(new GradeBean(9, "四年级 下", false));        gradeBeanList.add(new GradeBean(10, "五年级 上", false));        gradeBeanList.add(new GradeBean(11, "五年级 下", false));        gradeBeanList.add(new GradeBean(12, "六年级 上", false));        gradeBeanList.add(new GradeBean(13, "六年级 下", false));        gradeBeanList.add(new GradeBean(14, "初中", true));        gradeBeanList.add(new GradeBean(15, "七年级 上", false));        gradeBeanList.add(new GradeBean(16, "七年级 下", false));        gradeBeanList.add(new GradeBean(17, "八年级 上", false));        gradeBeanList.add(new GradeBean(18, "八年级 下", false));        gradeBeanList.add(new GradeBean(19, "九年级 上", false));        gradeBeanList.add(new GradeBean(20, "九年级 下", false));        gradeBeanList.add(new GradeBean(21, "高中", true));        gradeBeanList.add(new GradeBean(22, "高一 上", false));        gradeBeanList.add(new GradeBean(23, "高一 下", false));        gradeBeanList.add(new GradeBean(24, "高二 上", false));        gradeBeanList.add(new GradeBean(25, "高二 下", false));        gradeBeanList.add(new GradeBean(26, "高三 上", false));        gradeBeanList.add(new GradeBean(27, "高三 下", false));        GridLayoutManager gridLayoutManager = new GridLayoutManager(GradeActivity.this, 3, GridLayoutManager.VERTICAL, false);        gridLayoutManager.setSpanSizeLookup(new GridLayoutManager.SpanSizeLookup() {            @Override            public int getSpanSize(int position) {                if (gradeBeanList.get(position).isGradeType()) {                    return 3;   //如果是标题 item 则跨三列                } else {                    return 1;   //如果是内容 item 则不夸咧                }            }        });        gridLayoutManager.setOrientation(LinearLayoutManager.VERTICAL);        binding.gradeRv.setLayoutManager(gridLayoutManager);        adapter = new GradeAdapter(GradeActivity.this);        adapter.addAll(gradeBeanList);        binding.gradeRv.setAdapter(adapter);        adapter.setOnItemClickListener(new GradeAdapter.OnItemClickListener() {            @Override            public void onItemClick(GradeBean gradeBean) {                Log.e("onItemClick", "onItemClick: " + gradeBean.getGradeName());            }        });    }}
到这里就结束啦。往期精彩回顾:
  • Android实现短信验证码自动填充功能

  • Android仿小红书实现长图片自动循环滚动效果

  • Android实现头像重叠排列功能

  • Android仿QQ个性标签功能

  • Android仿QQ侧滑删除的功能

fa63e81db1412e625f266a12dbd9595f.png

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/245924.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

rtmp服务器_nginx+windwos 搭建 rtmp 流媒体服务器

喜欢就关注我们吧&#xff01;“ 写此篇文章属于笔者在开发项目中&#xff0c;对项目开发架构的一种选型&#xff0c;目前正在探索阿里云的视频直播服务和nginx自行搭建流媒体服务器&#xff0c;希望能选择最优的一种方案&#xff0c;进行开发。”以下是使用nginx自行搭建rtmp流…

java rest风格传参_SpringMVC的REST风格的四种请求方式总结

一、 在HTTP 协议里面&#xff0c;四个表示操作方式的动词&#xff1a;GET、POST、PUT、DELETE。它们分别对应四种基本操作&#xff1a;1、GET 获 取资源2、POST 新建资源3、PUT 更新资源4、DELETE 删除资源二、REST&#xff1a;即 Representational State Transfer。(资源)表…

java语言编写进制转换_Java 3种方法实现进制转换

由其他进制转换为十进制比较简单&#xff0c;下面着重谈一谈十进制如何化为其他进制。1.使用Java带有的方法Integer&#xff0c;最简单粗暴了&#xff0c;代码如下//使用java提供的方法//但仅局限于比较常用的二进制、八进制、十六进制public static String trans1(int num, in…

r语言聚类分析_图说层次聚类分析原理和R语言实现

1、引言“物以类聚、人以群分”。但我们面对一群人或者一堆物的时候&#xff0c;我们都希望将他们分分类&#xff0c;分类之后&#xff0c;我们才能更加有针对性地采取措施&#xff0c;从而提高工作效率。如&#xff0c;我们将消费者分成若干类&#xff0c;有的是土豪、有的是工…

peewee创建mysql_python – peewee MySQL,如何创建包装SQL构建的ins的自定义字段类型?...

我想在peewee(通过MySQL)创建一个自定义UUID字段.在python中,我使用UUID作为一个六角形字符串,例如&#xff1a;uuid ’110e8400-e29b-11d4-a716-446655440000′但是我想将它存储在数据库中的BINARY(16)类型的列中以节省空间.MySQL内置了HEX()和UNHEX()方法,可以在字符串和二进…

python scrapy教程实例_Python之scrapy实例1

下文参考&#xff1a;http://www.jb51.net/article/57183.htm个人也是稍加整理&#xff0c;修改其中的一些错误&#xff0c;这些错误与scrapy版本选择有关&#xff0c;个环境&#xff1a;Win7x64_SP1 Python2.7 scrapy1.1另外例子中的URL(http://www.dmoz.org/Computers/Prog…

goods.java_javaweb网上书城项目 1.用户管理:注册会员 - 下载 - 搜珍网

压缩包 : java web网上图书商城项目.zip 列表java web网上图书商城项目/java web网上图书商城项目/goods/java web网上图书商城项目/goods/.classpathjava web网上图书商城项目/goods/.myeclipse/java web网上图书商城项目/goods/.mymetadatajava web网上图书商城项目/goods/.p…

python样本不均衡_使用Python中的smote处理正负样本之间的不平衡,python,实现,失衡,问题...

机器学习中难免遇到正负样本不平衡问题&#xff0c;处理办法通常有梁总&#xff0c;一&#xff1a;过采样&#xff0c;增加正样本数据&#xff1b;二&#xff1a;欠采样&#xff0c;减少负样本数据&#xff0c;缺点是会丢失一些重要信息。smote属于过采样。代码# from imblearn…

java 检测硬盘原理_深入Java核心 Java内存分配原理精讲

Java内存分配与管理是Java的核心技术之一&#xff0c;一般Java在内存分配时会涉及到以下区域&#xff1a;◆寄存器&#xff1a;我们在程序中无法控制◆栈&#xff1a;存放基本类型的数据和对象的引用&#xff0c;但对象本身不存放在栈中&#xff0c;而是存放在堆中◆堆&#xf…

python调用sdk的文章_如何使用 python 接入虹软 ArcFace SDK

公司需要在项目中使用人脸识别SDK&#xff0c;并且对信息安全的要求非常高&#xff0c;在详细了解市场上几个主流人脸识别SDK后&#xff0c;综合来看虹软的Arcface SDK比较符合我们的需求&#xff0c;它提供了免费版本&#xff0c;并且可以在离线环境下使用&#xff0c;这一点非…

java web 导出word_JavaWeb Project使用FreeMaker导出Word文件

基本思路1. 导入freemaker2.3.jar2. 需要导出的Word模板3. 在Word内填入值的标签4. Word另存为xml(2003版本)5. Coding6. 导出Word文件具体操作1. Intellij IDEA > FIle > Project Structure > Libraries > ""(左下角) > OK导入Freemaker Jar2. Word模…

机器人编程与python语言的区别_儿童编程和机器人编程有啥区别?

这是最全面的回答&#xff01;一篇文章让你彻底了解少儿编程和机器人编程的区别&#xff01;虽然都带有“编程”二字&#xff0c;但少儿编程和机器人编程还是有本质区别的&#xff0c;有哪些不一样呢&#xff1f;偷懒的家长可以直接看下面这张表格&#xff1a;想要详细了解的话…

php中tables,php显示TABLE数据

php显示TABLE数据2018-11-22//processShowData.php查询数据库表信息学生一览表<?php echo $id ?><?php echo $name ?><?php echo $age ?><?php echo $sex ?><?php echo $address ?>结果&#xff1a;学号姓名年龄性别地址1Jane26female…

云服务器安装python_云服务器 搭建 python

{"moduleinfo":{"card_count":[{"count_phone":1,"count":1}],"search_count":[{"count_phone":6,"count":6}]},"card":[{"des":"云服务器 ECS(Elastic Compute Service)是一…

php获取当前系统配置文件,thinkphp5.1+配置文件结构及获取

tp5.1和5.0的差别还是不小的&#xff0c;取消了很多东西&#xff0c;例如基本配置项就做了很大的改变。5.1没有config.php配置文件&#xff0c;默认配置都在app.php配置文件&#xff0c;并且配置参数区分大小写&#xff0c;所有的配置文件在config目录下。和5.0最大的区别是&am…

sql 除以_使用SQL分析游戏运营情况

数据来源&#xff1a;http://www.dcjingsai.com/common/cmpt/%E6%B8%B8%E6%88%8F%E7%8E%A9%E5%AE%B6%E4%BB%98%E8%B4%B9%E9%87%91%E9%A2%9D%E9%A2%84%E6%B5%8B%E5%A4%A7%E8%B5%9B_%E7%AB%9E%E8%B5%9B%E4%BF%A1%E6%81%AF.html游戏介绍&#xff1a;《野蛮时代》是一款SLG游戏。在…

好看的php验证码,一漂亮的PHP图片验证码实例

一、显示效果二、代码如下代码如下:/** Author fy*/$imgwidth 100; //图片宽度$imgheight 40; //图片高度$codelen 4; //验证码长度$fontsize 20; //字体大小$charset abcdefghkmnprstuvwxyzABCDEFGHKMNPRSTUVWXYZ23456789;$font Fonts/segoesc.ttf;$imimagecreatetruecolor…

检测到目标服务器启用了trace方法_深度学习检测小目标常用方法

引言在深度学习目标检测中&#xff0c;特别是人脸检测中&#xff0c;小目标、小人脸的检测由于分辨率低&#xff0c;图片模糊&#xff0c;信息少&#xff0c;噪音多&#xff0c;所以一直是一个实际且常见的困难问题。不过在这几年的发展中&#xff0c;也涌现了一些提高小目标检…

php正则大小写字母,php 常见email,url,英文大小写,字母数字组合等正则表达式详解...

操作符 描述\ 转义符(), (?:), (?), [] 圆括号和方括号*, , ?, {n}, {n,}, {n,m} 限定符^, $, \anymetacharacter 位置和顺序| “或”操作全部符号解释字符 描述\ 将下一个字符标记为一个特殊字符、或一个原义字符、或一个 向后引用、或一个八进制转义符。例如&#xff0c;’…

学python五大理由_学习Python的五大理由

Python已经是25岁的大叔级编程语言了&#xff0c;但近年来Python反而变得越来越流行&#xff0c;在TIOBE编程语言指数排行榜中&#xff0c;Python的排名从去年的第八名飙升到了第五名(下图)。无论是编程新手还是保持饥饿的编程老鸟&#xff0c;Python都有着不可阻挡的魅力&…