选项卡 新闻导航
来源:互联网 发布:深圳淘宝拍照 编辑:程序博客网 时间:2024/06/05 18:13
- 最近在开发新闻项目,所以找了很多相关的框架来用在这里把最好的推荐给大家
Android——可修改字体大小和指示器长度的XTabLayout
-原文地址点击查看
XTabLayout是基于design包中的TabLayout进行了功能的扩展,在保留原有功能的基础上,增加了修改选中项字体大小、修改指示器长度以及限制屏幕显示范围内显示的Tab个数。先看效果图:
集成步骤:
1.添加XTabLayout依赖库
在app目录下的build.gradle的dependencies中添加如下引用:
compile 'com.androidkun:XTabLayout:1.0.9'
2.在布局文件中设置XTabLayout属性:
<com.androidkun.xtablayout.XTabLayout android:id="@+id/xTablayout" android:layout_width="match_parent" android:layout_height="50dp" app:xTabMode="scrollable" app:xTabIndicatorColor="#0f0" app:xTabIndicatorHeight="4dp" app:xTabIndicatorWidth="15dp" app:xTabSelectedTextColor="#f00" app:xTabTextColor="#000" app:xTabTextSize="15sp" app:xTabSelectedTextSize="20sp"/>
TabLayout有的属性,在XTabLayout中都会有,属性名称都是前面加个x,后面的t变成大写。
其中增加了xTabIndicatorWidth用于设置指示器长度,xTabTextSize用于设置未选中项的字体大小,xTabSelectedTextSize用于设置选中项的字体大小。
此外1.0.1以及后面的版本中添加如下属性可以设置屏幕范围内显示的Tab个数
app:xTabDisplayNum="6"
或则在代码中添加
tabLayout.setxTabDisplayNum(6);//需要写在setupWithViewPager前tabLayout.setupWithViewPager(viewPager);
这里我们限制为6个,则每个tab的宽度为屏幕的1/6,显示效果如下:
由于后面加了一个加号挡住了一个。
3.初始化:
XTabLayout的使用方式和TabLayout是一样的,代码如下:
//将TabLayout和ViewPager关联起来。XTabLayout tabLayout = (XTabLayout) findViewById(R.id.xTablayout);tabLayout.setupWithViewPager(viewPager);
使用方式:
a.明确指定指示器为某个长度则设置xTabIndicatorWidth
b.指定指示器长度跟随文本变化则设置xTabDividerWidthWidthText
c.如果需要指示器长度占满,则两个属性都不设置,默认占满。
其他的具体使用关注原著吧。
原著地址 :http://blog.csdn.net/a1533588867/article/details/53810409
下载地址:https://github.com/AndroidKun/XTabLayout
阅读全文
0 0
- 选项卡 新闻导航
- 选项卡导航
- 新闻切换选项卡效果
- 新闻切换选项卡效果
- 常见的选项卡导航
- 选项卡(九)网页新闻效果
- tab选项卡,类似网易新闻的
- js 函数 实现导航选项卡功能
- 为ViewPager添加选项卡导航栏
- 经典导航+经典新闻
- jquery实现新闻菜单选项
- 选项卡风格的页面导航——DataGrid控件
- flex开发air工程选项卡页面导航布局
- HTML之--------导航在左侧的纵向选项卡
- HTML之--------导航在右边的纵向选项卡
- Android应用底部导航栏(选项卡)实例
- Android应用底部导航栏(选项卡)实例
- Android应用底部导航栏(选项卡)实例
- 微信小程序开发—(十五)audio音频播放
- Thinkphp分布式数据库
- MapReduce运行中遇到的问题
- KAFKA目录结构
- Java注解实战
- 选项卡 新闻导航
- 微信小程序学习日志1
- rex 传文件改变用户属主
- 腾讯亿级排行榜系统实践及挑战
- 一份接地气的数据方案!——能源化工生产管理数据分析
- 寻找最大数
- 机器学习知识点(二十八)Beta分布和Dirichlet分布理解
- Ubuntu Docker 安装
- KafkaConsumer0.9(三)