Error message here!

Hide Error message here!

忘记密码?

Error message here!

请输入正确邮箱

Hide Error message here!

密码丢失?请输入您的电子邮件地址。您将收到一个重设密码链接。

Error message here!

返回登录

Close

Android开发—— Tablayout的使用

Stars-one 2019-02-22 13:20:00 阅读数:159 评论数:0 点赞数:0 收藏数:0

Tablayout的使用

属性

属性名 说明
app:tabMod 设置Tab模式
app:tabTextColor 设置文本颜色
app:tabSelectedTextColor 设置选中文本颜色
app:tabIndicatorColor 设置下滑条颜色
app:tabMaxWidth="xxdp" 设置最大的tab宽度
app:tabMinWidth="xxdp" 设置最小的tab宽度

使用,添加选项

  1. 静态创建(xml文件中添加tab)

效果:

添加一个tabitem即可,之后设置相关的属性,

<android.support.design.widget.TabLayout
android:id="@+id/tablayout"
app:tabTextColor="@color/colorAccent"
app:tabSelectedTextColor="@color/colorPrimary"
app:tabIndicatorColor="@color/colorAccent"
app:tabMode="fixed"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<android.support.design.widget.TabItem
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="下载"
/>
<android.support.design.widget.TabItem
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="下载"
/>
</android.support.design.widget.TabLayout>
  1. 动态创建(使用java代码添加tab)

先是通过findviewbyid方法找到实例,之后调用tablayoutnewTab方法来创建tab

 TabLayout.Tab tab1 = mTablayout.newTab();
tab1.setText("正在下载");
mTablayout.addTab(tab1,0);
tab1 = mTablayout.newTab();
tab1.setText("已下载");
mTablayout.addTab(tab1,1);

不过,使用动态的话,如果不设置相关的属性,是不能达到两个选项各自占长度一半,还得给Tablayout加上下列属性

 app:tabMaxWidth="0dp"
app:tabGravity="fill"
app:tabMode="fixed"

Tablayout与Viewpager联用

一句代码即可搞定

tabLayout.setupWithViewPager(Viewpager);

有些时候可能会出现不显示文本的情况,这时候需要在 PagerAdapter 里面重写一个方法

String[] titles ={"tab1","tab2"};
@Override
public CharSequence getPageTitle(int position) {
    return mStrings[position];
}

参考

Tablayout

版权声明
本文为[Stars-one]所创,转载请带上原文链接,感谢
https://www.cnblogs.com/kexing/p/10417808.html

编程之旅,人生之路,不止于编程,还有诗和远方。
阅代码原理,看框架知识,学企业实践;
赏诗词,读日记,踏人生之路,观世界之行;

支付宝红包,每日可领