美文网首页
TabLayout(动态添加自定义tab)+ViewPager

TabLayout(动态添加自定义tab)+ViewPager

作者: 我的资讯圈 | 来源:发表于2018-05-13 13:16 被阅读1221次

    1.布局如下:

    TabLayout+ViewPager

    2.动态添加自定义tab,如下:

    添加普通tab方式:

    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"));

    更简单的方式:

    <TabLayout>

    <TabItem/>

    <TabItem/>

    </TabLayout>

    添加自定义tab方式:

    (1)动态为TabLayout添加tab (2)子tab的布局

    3.选中改变tab字体颜色(需要在res/color之下创建)

    选中改变字体颜色

    4.选中改变背景颜色+边框

    属性:

    solid设置填充颜色,颜色值以#80开头表示透明

    stroke 设置边框宽度,颜色值

    corners设置圆角

    选中改变背景+边框

    5.运行起来后:

    运行起来的样子

    TabLayout属性:

    tabIndicatorColor:Tab下面的横线颜色

    tabTextColor:tab默认的文字颜色

    tabSelectedTextColor:选中的tab的字体颜色

    tabMode:模式(Scrollable fixed).    其中的fixed模式需要和tabGravity属性配合使用,此时tabGravity属性值为fill.

    tabIndicatorHeight:设置tab底部的横线高度.为0dp时,不显示.

    相关文章

      网友评论

          本文标题:TabLayout(动态添加自定义tab)+ViewPager

          本文链接:https://www.haomeiwen.com/subject/hzcldftx.html