Android 使用TabLayout实现单行标签布局

一说到标签布局,一般都会想到是流式布局FlowLayout,流式布局网上有太多的demo可参考了,但是今天产品上有个横向水平滑动的标签布局,有选中和未选中的状态,并且初始状态是不选中任何一个标签。折腾了一番,最终在TabLayout上修饰了一阵,解决了需求和想要的效果。具体如下:

1.先附上效果截图:(默认都是未选中的)


2.xml中使用如下所示:

因为tabLayout有个默认的点击效果,可使用app:tabBackground="@color/transparent"去掉;

app:tabPaddingEnd和app:tabPaddingStart属性就是每个item左右的间距;

app:tabSelectedTextColor:选中时,textView的字体颜色;

app:tabTextColor :未选中时,textView的字体颜色;

app:tabMode="scrollable":表示TabLayout中有子view超出屏幕边界时候,可以通过滑动滑出不可见的其他子view。

 3.代码中动态添加每个item标签:

(1)动态添加的代码如下:​

(2)每个item标签其实就是一个textView,xml如下:

(3)选中和未选中的drawable.xml如下:

结束~

若有更好的建议和想法,可以互相交流学习哦~

[转载请注明出处,谢谢~]

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容