自定义实现带三角下标的TabLayout

最新推荐文章于 2024-06-07 14:26:57 发布

披萨大叔

最新推荐文章于 2024-06-07 14:26:57 发布

阅读量3k

点赞数 2

分类专栏： Android学习之路文章标签： viewpager 控件 tablelayout

本文链接：https://blog.csdn.net/qq_27258799/article/details/74556857

版权

本文介绍了如何在Android开发中自定义TabLayout，实现带三角下标的指示器，以达到类似今日头条的效果。作者通过分析ViewPager的接口，实现了三角下标随手指滑动的联动，并分享了在实现过程中遇到的问题及解决方案，提供了完整项目的链接。

摘要由CSDN通过智能技术生成

在开发中，我们常常需要ViewPager结合Fragment一起使用，如下图：

这里写图片描述

我们可以使用Design support library库的TabLayout去实现，但是TabLayout只能用横线指示器，如果想要其他指示器，比如三角下标，该控件就不能用了。

我们可以找网上成熟的轮子进行修改，比如：PagerSlidingTabStrip

楼主这里在项目中需要用到带三角下标的TabLayout，亲身研究了一番，结合鸿洋大神的博客：Android 教你打造炫酷的ViewPagerIndicator 不仅仅是高仿MIUI

实现了一个类似于今日头条的可滑动tab，带三角下标，可绑定ViewPager进行联动。

效果图如下

这里写图片描述

整个控件是基于HorizontalScrollView，把三角下标绘制在tab下方，控件的滑动可以分解成tab容器的滑动和三

角下标的滑动，关键在于计算好二者滑动的距离。

想要做到三角下标跟随手指滑动的效果，需要用到ViewPager的onPageScrolled接口：

mViewPager.addOnPageChangeListener(new OnPageChangeListener() {
            @Override
            public void

关注

专栏目录