仿联系人列表页的轮子GroupingViewSample
GroupingViewSample
制作类似联系人页面所需要的Slider，还有用来给recyclerview进行分组的ItemDecoration，我觉得最实用的地方是可以用xml来画对应部分的布局，而不是用cavas
最基本的效果图，效果图比较low
深度截图_选择区域_20180622172445.png
链接地址：
https://github.com/nelson1110/GroupingViewSample
1. SliderView
简介：这是一个列表view，继承自Linearlayout，可实现水平或垂直布局，主要作用是当手指划过或点击某个里面的item的时候会有相应的回调
interface ItemListener {
//只要是摸到了或者划过了这个某个item就会触发，返回对应的item和对应的数据
fun onTouch(item: View, data: Any?){}
fun onUp(item: View, data: Any?){}
fun onClick(item: View, data: Any?){}
fun onLongClick(item: View, data: Any?){}
}用法：
- 首先在xml中添加SliderView
<com.libs.nelson.groupingview.SliderView
android:background="@color/colorPrimary"
android:id="@+id/slider"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
/>- 然后在代码中给Slider绑定对应的Adapter
slider.setAdapter(object : SliderView.SliderAdapter(){
override fun getItemDataList(): List<Any> {
return listOf("a","b","c","d","e","f","g","h","i")
}
override fun onBindItem(item: View, data: Any) {
item.findViewById<TextView>(R.id.item).text = data.toString()
}
})如果没有特殊需求，默认会提供一个item的布局，大概长这样
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/item"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="test"
android:textSize="20sp">
</TextView>如果不喜欢也可以自定义，只需要重写Adapter中的getItemLayout(): Int{}方法，例如：
override fun getItemLayout(): Int{
return R.layout.item_slider_default
}- 最后就是设置监听事件，需要监听啥就重写啥就好了
slider.setItemListener(object : SliderView.ItemListener{
override fun onTouch(item: View, data: Any?) {
Toast.makeText(this@MainActivity,data.toString(),Toast.LENGTH_SHORT).show()
}
})2. GroupDecoration
简介：可以自己控制列表的分组规则和分组标题的样式，而且可以用xml绘制分组标题 用法：
- 像所有其他的ItemDecoration一样，add到recyclerview上就可以了，主要需要实现下面几个方法
//判断当前position的数据是否是一个组的第一个，也就是需要加分组item的position
abstract fun checkItemIsFirstOfGroup(position: Int): Boolean
//返回分组标题的布局，例如：return R.layout.xxx
abstract fun getGroupViewLayout(position: Int): Int
//给分组标题绑定数据，groupView为这个需要绘制的view，position是当前组第一个item的位置
abstract fun onBindGroupView(groupView: View,position: Int)本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
原始发表：2018.06.22 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录
腾讯云开发者
