安卓自定义控件之可滑动的SlidingTab

安卓自定义控件之可滑动的SlidingTab

目标效果:

安卓自定义控件之可滑动的SlidingTab

对于TabLayout来说比较烦的就是标签页一多久显得很挤,毕竟要在一个屏幕宽度里面显示。今天我们做的这个可滑动的tab,希望在标签页多的时候可以滑动。

思路:

我们通过继承HorizontalScrollView来实现左右滑动的功能,通过LInearLayout(水平方向)来做基布局,将textview放进去之后。为每个textView设置点击事件,在点击时间中加入点击回调。在点击textView的时候我们对textView位置进行测绘,目标是将其放在中间位置。

实现:

适配器的设置

这里我们采用适配器模式,对SlidingTab进行处理。

安卓自定义控件之可滑动的SlidingTab

先来看TabAdapter:

安卓自定义控件之可滑动的SlidingTab

再来看SlidingTabsAdapter:

安卓自定义控件之可滑动的SlidingTab

我们的textview的背景是一个selector,根据不同状态显示不同的背景。

安卓自定义控件之可滑动的SlidingTab

 

可滑动控件:

安卓自定义控件之可滑动的SlidingTab

安卓自定义控件之可滑动的SlidingTab

安卓自定义控件之可滑动的SlidingTab

安卓自定义控件之可滑动的SlidingTab

 

这个控件相对比较简单,就是计算滑动距离的时候注意:

安卓自定义控件之可滑动的SlidingTab

滑动的距离x是这样的。

当horizontalScrollView滑动到他的极限距离的时候就不会滑动了。所以不用担心滑过什么的。