关于在列表中条目过多时显示更多,点击全部显示的效果
2017-08-13 22:19
260 查看
先上要的效果图吧~
拿到效果图后的第一反应是 采用listView的不用类型的条目显示,并对对相应的条目进行显示(Visiable)与隐藏(gone)(第一类条目超过3个时就让第3个位置显示 显示更多,并隐藏其他更多的第一类条目,点击第3个位置的条目,让显示更多隐藏,同时显示更多的第一类条目,这样就不用处理 position的偏移及错乱问题)
但写了之后,发现,用gone 处理了 子条目虽然不显示了,但是在liestView中还是占据着一个空白的条目位置。未能达到想要显示的效果
后面还是对数据进行了处理,
1. 对 第一类条目数据,用一个oneTypeList进行存储,判断长度是否超过 3条,超过3条的进行切割处理, 用deletedList暂时存储多余的数据,
2. 在原始list中第3个位置插入条more数据,用于标识 显示 显示更多,3. 当点击时第3个条目时更改数据,清除第3个位置的more数据,从第三个位置个位置addAll (3,deletedList),直接notifyDataSetChange就能实现想要的效果。
拿到效果图后的第一反应是 采用listView的不用类型的条目显示,并对对相应的条目进行显示(Visiable)与隐藏(gone)(第一类条目超过3个时就让第3个位置显示 显示更多,并隐藏其他更多的第一类条目,点击第3个位置的条目,让显示更多隐藏,同时显示更多的第一类条目,这样就不用处理 position的偏移及错乱问题)
但写了之后,发现,用gone 处理了 子条目虽然不显示了,但是在liestView中还是占据着一个空白的条目位置。未能达到想要显示的效果
后面还是对数据进行了处理,
1. 对 第一类条目数据,用一个oneTypeList进行存储,判断长度是否超过 3条,超过3条的进行切割处理, 用deletedList暂时存储多余的数据,
2. 在原始list中第3个位置插入条more数据,用于标识 显示 显示更多,3. 当点击时第3个条目时更改数据,清除第3个位置的more数据,从第三个位置个位置addAll (3,deletedList),直接notifyDataSetChange就能实现想要的效果。
相关文章推荐
- TextView属性android:ellipsize实现跑马灯效果,TextView内容过长加省略号,点击显示全部内容
- 关于RecyclerView列表点击事件ripple效果失效的问题
- textview内容过多显示省略号,点击展开全部
- 仿照iphone设置点击更多显示全部内容
- asp.net 关于列表问题。点击文章标题,显示文章内容。
- 条目列表点击效果
- js点击更多显示更多内容效果
- 基于jQuery实现点击列表加载更多效果
- Android分组列表悬停显示,分组listView悬停效果,带下拉刷新和上拉加载更多
- 请问:关于织梦dedecms点击导航上的父栏目进去默认显示第一个子栏目的列表的问题
- ExpandableList默认显示三条数据,点击更多显示全部(带上拉下拉)
- 关于button按钮设置background属性后,点击效果失效的解决办法。(当点击的时候显示阴影)
- android 模仿大众点评团购卷列表多余3条时折叠,点击时显示剩余全部的功能
- Android实现在列表List中显示半透明小窗体效果的控件用法详解
- listView点击效果不显示
- android_ListView条目点击没有效果的解决方案
- vue组件实现弹出框点击显示隐藏效果
- Android 中TextView内容过长加省略号,点击显示全部内容
- GridView使用lightbox,鼠标点击显示图片效果
- js点击显示全部内容(用于内容比较长时)