Android TabLayout系列之属性

1 前言

以前没有写博客的习惯,需要什么东西都是直接搜索,然后再来看怎么使用,有什么需要注意的,时间久了也就忘了是怎么回事了,又得重复这个过程。比如这个今天要介绍的TabLyout,很久之前用过,最近又需要用到,但是已经忘了怎么使用了,这也是为什么最近开始在上开始记录的原因。废话不多说...
其实Android在5.1(22.2.0)的时候给我们提供了一个水平布局来显示标签TabLayout,实际应用中也有很多需要横向标签的应用场景。直接先来看个效果图(偷的网易的):


Android TabLayout系列之属性_第1张图片

2 TabLayout简单使用

今天这篇文章是奔着TabLayout的属性来的,就用最简单的使用方式来介绍它的属性。我们在xml文件中直接使用TabLayout:

    

        

        

        

    

看上去还是有那么点标签的意思...接下来就正式介绍它的属性了。

3 属性介绍

  1. 背景颜色
app:tabBackground="@android:color/white"
  1. 选中tab字体颜色
app:tabSelectedTextColor="@android:color/holo_red_light"
  1. 未选中tab字体颜色
app:tabTextColor="@android:color/holo_blue_dark"
  1. 指示器颜色
app:tabIndicatorColor="@android:color/holo_green_dark"

设置完演的后的TabLayout:

  1. 指示器高度
app:tabIndicatorHeight="5dp"
  1. tabY轴偏移量(没看出效果)
app:tabContentStart="100dp"
  1. tab显示方式
app:tabGravity="center"   //center:居中 fill:充满
  1. tab最大最小宽度
app:tabMaxWidth="100dp"
app:tabMinWidth="100dp"
  1. tab布局模式
app:tabMode="scrollable"  //可取fixed 固定,scrollable 滚动,默认fixed:标签很多时候会被挤压,不能滑动。
  1. Tab里内容的内边距
app:tabPadding="10dp"
app:tabPaddingStart="10dp"
app:tabPaddingEnd="10dp"
app:tabPaddingTop="10dp"
app:tabPaddingBottom="10dp"
  1. tab文字大小设置
app:tabTextAppearance="@style/Base.TextAppearance.AppCompat.Large"

以上就是TabLayout的基本属性,接下来我们用这些基本属性实现一个类似文章开头的效果:

    

        

            

            

            

            

            

            

            

            

            

            

        

    
Android TabLayout系列之属性_第2张图片

TabLayout属性就介绍到这里,接下来的文章会具体介绍它的使用。

附:

  1. Android TabLayout系列之属性
  2. Android TabLayout系列之简单使用
  3. Android TabLayout系列之进阶使用

你可能感兴趣的:(Android TabLayout系列之属性)