IndicatorTabBar——可滑动的带指示条的TabBar
2015-05-12 17:57
134 查看
这篇文字给大家分享一个可以滑动的TabBar,这里叫做IndicatorTabBar。先上效果图:
诸如网易新闻、腾讯新闻、百度新闻等客户端,都使用了类似的TabBar,这玩意儿都快成多页面APP的标配了。
简单说一下实现原理:
1.自定义IndicatorTabBar,继承自HorizontalScrollView。
2.IndicatorTabBar里面放置一个水平方向的LinearLayout,作为Tab的容器(TabContainer)。
3.每个Tab可以继承自TextView或者Button。
4.根据每一页的最大的Tab数量获取到Tab宽度,初始化Tab,并添加到TabContainer。
5.设置并响应IndicatorTabBar的滑动和Tab的点击,由于一般TabBar都和ViewPager配合使用,如有需要,可以添加一些ViewPager的联动效果。
6.设置一些可自定义的属性,如字体大小、颜色,选中后的颜色,Tab下面指示条的颜色及高度等,支持代码或xml布局文件里设置。
就是这些吧,总是喜欢言简意赅的东西,具体的请参考源码:IndicatorTabBar。
诸如网易新闻、腾讯新闻、百度新闻等客户端,都使用了类似的TabBar,这玩意儿都快成多页面APP的标配了。
简单说一下实现原理:
1.自定义IndicatorTabBar,继承自HorizontalScrollView。
2.IndicatorTabBar里面放置一个水平方向的LinearLayout,作为Tab的容器(TabContainer)。
3.每个Tab可以继承自TextView或者Button。
4.根据每一页的最大的Tab数量获取到Tab宽度,初始化Tab,并添加到TabContainer。
5.设置并响应IndicatorTabBar的滑动和Tab的点击,由于一般TabBar都和ViewPager配合使用,如有需要,可以添加一些ViewPager的联动效果。
6.设置一些可自定义的属性,如字体大小、颜色,选中后的颜色,Tab下面指示条的颜色及高度等,支持代码或xml布局文件里设置。
就是这些吧,总是喜欢言简意赅的东西,具体的请参考源码:IndicatorTabBar。
相关文章推荐
- android 自定义view实现可左右滑动的Tabbar
- 底部tabbar小滑块的滑动效果,就像QQ中的水滴效果
- ViewPager 详解(四)—-自主实现滑动指示条
- ViewPager 详解(四)----自主实现滑动指示条
- ViewPager 详解(四)----自主实现滑动指示条
- 滑动隐藏和显示tabBar和NavigationBar
- ViewPager 详解(四)----自主实现滑动指示条
- 关于tabbarViewController的左右滑动切换
- ViewPager 详解(四)----自主实现滑动指示条
- ViewPager 详解(四)----自主实现滑动指示条
- iOS自定义tabbar和仿安卓滑动效果可添加功能按钮
- 滑动过程中隐藏tabBar
- iOS 滑动页面的时候让tabbar下移到消失,nav隐藏
- Android ViewPager再探:增加滑动指示条
- 小程序顶部tabbar,随着内容左右滑动tabbar进行联动
- BottomTabBar+滑动事件
- 类似于微信TabBar在二级页面滑动隐藏的效果
- ViewPager 详解(四)----自主实现滑动指示条
- ViewPager 详解(四)----自主实现滑动指示条
- viewpager资助实现滑动指示条