登录 立即注册
安币:

安卓巴士 - 安卓开发 - Android开发 - 安卓 - 移动互联网门户

垂直竖向的Android TabLayout

[复制链接]
来自: MrlLee 分类: Android精品源码 上传时间: 2016-9-5 16:01:44
Tag:Android Create Failed commit latest
立即下载
收藏

项目介绍:

Permalink
Failed to load latest commit information.
.idea Initial commit Aug 4, 2016
gradle/wrapper Initial commit Aug 4, 2016
verticaltablayout Initial commit Aug 4, 2016
verticaltablayoutdemo Initial commit Aug 4, 2016
.gitignore Initial commit Aug 4, 2016
LICENSE Create LICENSE Aug 18, 2016
README.md Update README.md Sep 5, 2016
build.gradle Initial commit Aug 4, 2016
demo.png frist Aug 9, 2016
gradle.properties Initial commit Aug 4, 2016
gradlew Initial commit Aug 4, 2016
gradlew.bat Initial commit Aug 4, 2016
settings.gradle Initial commit Aug 4, 2016

VerticalTabLayout



一个垂直竖向的Android TabLayout





一些特性




  • 支持自定义Indicator大小


  • 支持自定义Indicator位置


  • 支持Indicator设置圆角


  • 支持Tab设置Badge


  • 支持Adapter的方式创建Tab


  • 多种Tab高度设置模式


  • 很方便的和ViewPager结合使用




how to use:



1. gradle



[Java] 查看源文件 复制代码
compile 'q.rorbin:VerticalTabLayout:1.0.0'



2. xml



[Java] 查看源文件 复制代码



3. 属性说明


xml code 说明
app:indicator_color setIndicatorColor 指示器颜色
app:indicator_width setIndicatorWidth 指示器宽度
app:indicator_gravity setIndicatorGravity 指示器位置
app:indicator_corners setIndicatorCorners 指示器圆角
app:tab_mode setTabMode Tab高度模式
app:tab_height setTabHeight Tab高度
app:tab_margin setTabMargin Tab间距


4. 创建Tab的方式




  • 普通方式创建



    [Java] 查看源文件 复制代码
    tablayout.addTab(new QTabView(context))



    [Java] 查看源文件 复制代码
    tablayout.setOnTabSelectedListener(new VerticalTabLayout.OnTabSelectedListener() {
        @Override
        public void onTabSelected(TabView tab, int position) {
    
        }
    
        @Override
        public void onTabReselected(TabView tab, int position) {
    
        }
    });
    

  • Adapter方式创建



    [Java] 查看源文件 复制代码
    tablayout.setTabAdapter(new TabAdapter() {
        @Override
        public int getCount() {
            return 0;
        }
    
        @Override
        public int getBadge(int position) {
            return 0;
        }
    
        @Override
        public QTabView.TabIcon getIcon(int position) {
            return null;
        }
    
        @Override
        public QTabView.TabTitle getTitle(int position) {
            return null;
        }
    
        @Override
        public int getBackground(int position) {
            return 0;
        }
     });
    


    按照自己的需要进行返回相应的值即可,不需要的返回0或者null,TabIcon和TabTitle使用build模式创建。


  • 结合ViewPager使用



    [Java] 查看源文件 复制代码
    tablayout.setupWithViewPager(viewpager);



    ViewPager的PagerAdapter可选择实现TabAdapter接口




5. 设置badge



[Java] 查看源文件 复制代码
int tabPosition = 3;
int badgeNum=55;
tablayout.setTabBadge(tabPosition,badgeNum);


相关源码推荐:

我来说两句
所有评论(236)
myself2015 2016-9-5 16:10:13
学习...学习...
回复
aliouswang 2016-9-5 16:34:15
膜拜大神~
回复
tylz 2016-9-5 16:41:05
支持,感谢,祝巴士越来越好~
回复
孙林 2016-9-5 16:47:43
楼主威武啊,安卓巴士有你更给力!
回复
深思 2016-9-5 17:00:06
膜拜大神~
回复
Frank_z 2016-9-5 17:23:37
mark,收藏了
回复
suzhouliuyan 2016-9-5 17:52:29
学习...学习...
回复
上传代码
查看数:9963 收藏数:11 下载数:73 点赞数:0
状态:已购或VIP 售价:10(原价:10)金钱 下载权限:初级码农 
代码贡献英雄榜
用户名 下载数
联系我们
首页/微信公众账号投稿

帖子代码编辑/版权问题

QQ:435399051,769657487

如何获得代码达人称号

如何成为签约作者

联系我们
关闭
合作电话:
13802416937
Email:
435399051@qq.com
商务市场合作/投稿
问题反馈及帮助
联系我们

广告投放| 下载客户端|申请友链|手机版|站点统计|安卓巴士 ( 粤ICP备15117877号 )

快速回复 返回顶部 返回列表