TabLayout属性详解
来源:互联网 发布:如何查看电脑远程端口 编辑:程序博客网 时间:2024/05/20 00:48
1.什么是TabLayout
TabLayout提供了一个水平的布局用来展示Tabs。
2.TabLayout的基本使用方式
方式一:
1.在布局中加入该控件:
<android.support.design.widget.TabLayout android:id="@+id/tabLayout" android:layout_width="wrap_content" android:layout_height="wrap_content"/>
2.在代码中
tabLayout= (TabLayout) findViewById(R.id.tabLayout);tabLayout.addTab(tabLayout.newTab().setText("Tab 1"));tabLayout.addTab(tabLayout.newTab().setText("Tab 2"));tabLayout.addTab(tabLayout.newTab().setText("Tab 3"));3.显示效果
3.改变下TabLayout的颜色
上面的Tab颜色感觉不好看,打算换换:
1.改变选中字体的颜色app:tabSelectedTextColor="@android:color/holo_orange_light"2.改变未选中字体的颜色
app:tabTextColor="@color/colorPrimary"
3.改变指示器下标的颜色
app:tabIndicatorColor="@android:color/holo_orange_light"
4.改变整个TabLayout的颜色
app:tabBackground="color"
效果如下4.改变TabLayout内部字体大小
app:tabTextAppearance="@android:style/TextAppearance.Holo.Large"//设置文字的外貌
5.改变指示器下标的高度
app:tabIndicatorHeight="4dp"
6.添加图标
tabLayout.addTab(tabLayout.newTab().setText("Tab 1").setIcon(R.mipmap.ic_launcher));
7.Tab的模式
我们先多加几个tab:
tabLayout.addTab(tabLayout.newTab().setText("Tab 4"));tabLayout.addTab(tabLayout.newTab().setText("Tab 5"));tabLayout.addTab(tabLayout.newTab().setText("Tab 6"));tabLayout.addTab(tabLayout.newTab().setText("Tab 7"));
然后设置属性为:
app:tabMode="scrollable"
默认是fixed:固定的,标签很多时候会被挤压,不能滑动。
效果如下:
8.Tab的宽度限制
设置最大的tab宽度:
app:tabMaxWidth="xxdp"
设置最小的tab宽度:
app:tabMinWidth="xxdp"
9.TabLayout的监听事件
选中了某个tab的监听事件OnTabSelectedListener():
tabLayout.setOnTabSelectedListener(newTabLayout.OnTabSelectedListener() {@Overridepublic voidonTabSelected(TabLayout.Tab tab) {//选中了tab的逻辑}@Overridepublic voidonTabUnselected(TabLayout.Tab tab) {//未选中tab的逻辑}@Overridepublic voidonTabReselected(TabLayout.Tab tab) {//再次选中tab的逻辑}});
10.和ViewPager的联动
tabLayout.setupWithViewPager(Viewpager);
阅读全文
0 0
- TabLayout属性详解
- TabLayout属性详解
- TabLayout属性详解
- TabLayout属性详解
- TabLayout属性详解
- Design库-TabLayout属性详解
- Design库-TabLayout属性详解
- Design库-TabLayout属性详解
- Design库-TabLayout属性详解
- Design库-TabLayout属性详解
- Design库-TabLayout属性详解
- Design库-TabLayout属性详解
- Design库-TabLayout属性详解
- Design库-TabLayout属性详解
- Design库-TabLayout属性详解
- Design库-TabLayout属性详解
- Design库-TabLayout属性详解
- TabLayout属性详解以及使用用法
- ES6--字符串的扩展
- 关于动态修改react-navigation各种属性方式
- maven scope含义的说明
- 欢迎使用CSDN-markdown编辑器
- Mybatis的逆向工程详解
- TabLayout属性详解
- golang 连接mysql数据库
- mysql索引index相关命令
- Java 包(package)
- html5 canvas元素使用(一)
- php返回json数据简单实例
- 线性回归与随机梯度下降
- 【JAVA】泛型 学习笔记
- 【NOIOPJ】P7614 最低通行费