android.support.design.widget.TabLayout的使用

最新推荐文章于 2017-09-17 10:39:58 发布

ZJ_Improve

最新推荐文章于 2017-09-17 10:39:58 发布

阅读量2.3k

点赞数 1

分类专栏： Android 文章标签：界面 android

本文链接：https://blog.csdn.net/JUNJUN_ZHAO/article/details/50441108

版权

Android 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

之前已经写了如何将github上的项目导入到AS 中，接下来继续讲解TabLayout 的使用
链接地址：如何把github上项目import 到AS 中

确定你的工程是否能运行当AS 的界面如下显示就是OK 的

这里写图片描述

先进入主界面在进入 XML 文件

这里写图片描述

2 . <android.support.design.widget.TabLayout android:id="@+id/tab_layout" android:layout_width="match_parent" android:layout_height="wrap_content"/>

使用的是android.support.design.widget. 这个包下的所以确定你的build.gradle 中已经加入了相关的依赖工程

这里写图片描述

compile 'com.android.support:design:23.1.1'

dependencies {
    compile 'com.android.support:design:23.1.1'
    compile 'com.android.support:recyclerview-v7:23.1.1'
    compile project(':library')
}

3 . 然后看相关代码重点是进入TabLayout 这个类查看它都给我们提供了什么方法

这里写图片描述

左侧点 structure 看它的结构方法看到它给我们提供了这么多方法。设置监听，设置字体颜色布局等等等. 接下来就常用的项目需要改的介绍几个其他的可自行研究。

在XML里面设置

<android.support.design.widget.TabLayout
        android:id="@+id/tab_layout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:tabIndicatorColor="@android:color/holo_green_light"
        app:tabSelectedTextColor="@android:color/holo_blue_light"
        app:tabTextColor="@android:color/holo_orange_light"
        app:tabIndicatorHeight="5dp"
        tools:targetApi="ice_cream_sandwich" />

设置不同状态的文本颜色

setTabTextColors(int normalColor, int selectedColor)
常用的应该是这个，正常颜色和选择后的颜色。

还可以细看下源码 这个方法调用的也是下面的方法

public void setTabTextColors(int normalColor, int selectedColor) { setTabTextColors(createColorStateList(normalColor, selectedColor)); }
2. setTabTextColors(@Nullable ColorStateList textColor)

设置为当前选中的选项卡标签指示的颜色

setSelectedTabIndicatorColor

设置标签指示符的高度对当前选中的选项卡。

setSelectedTabIndicatorHeight(int height)

未完待续……