Android修行手册 - TabLayout全解析（下）-监听和示例

往期文章分享

• 点击跳转=>《导航贴》- Unity手册，系统实战学习
• 点击跳转=>《导航贴》- Android手册，重温移动开发

👉关于作者

众所周知，人生是一个漫长的流程，不断克服困难，不断反思前进的过程。在这个过程中会产生很多对于人生的质疑和思考，于是我决定将自己的思考，经验和故事全部分享出来，以此寻找共鸣 ！！！
专注于Android/Unity和各种游戏开发技巧，以及各种资源分享（网站、工具、素材、源码、游戏等）
有什么需要欢迎私我，交流群让学习不再孤单。

本文约7千字，新手阅读需要7分钟，复习需要3分钟 【收藏随时查阅不再迷路】

👉实践过程

我们接着昨天的讲哈

😜设置监听

idTabLayoutOne.addOnTabSelectedListener(object : TabLayout.OnTabSelectedListener {
    override fun onTabSelected(tab: TabLayout.Tab?) {
        //添加选中Tab的逻辑
    }
 
    override fun onTabUnselected(tab: TabLayout.Tab?) {
        //添加未选中Tab的逻辑
    }
 
    override fun onTabReselected(tab: TabLayout.Tab?) {
        //再次选中tab的逻辑
    }
})
1
2
3
4
5
6
7
8
9
10
11
12
13

😜示例

Xml布局中使用

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".TabLayoutActivity">
    <com.google.android.material.tabs.TabLayout
        android:id="@+id/idTabLayoutOne"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:tabBackground="@color/color_00ff00"
        app:tabIndicatorColor="#0000ff"
        app:tabIndicatorFullWidth="false"
        app:tabIndicatorHeight="5dp"
 
        app:tabSelectedTextColor="#ff0000"
        app:tabTextColor="#99ff0000">
 
        <com.google.android.material.tabs.TabItem
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="导航组件" />
 
        <com.google.android.material.tabs.TabItem
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="芝麻粒儿" />
 
        <com.google.android.material.tabs.TabItem
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="空名先生" />
    com.google.android.material.tabs.TabLayout>
 
    <com.google.android.material.tabs.TabLayout
        android:id="@+id/idTabLayoutTwo"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:tabIndicatorAnimationDuration="2000"
        app:tabIndicatorAnimationMode="elastic"
        app:tabIndicatorColor="#0000ff"
        app:tabIndicatorGravity="center"
        app:tabIndicatorHeight="5dp"
        app:tabMode="scrollable"
        app:tabSelectedTextColor="#ff0000"
        app:tabTextColor="#99ff0000">
 
        <com.google.android.material.tabs.TabItem
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:icon="@mipmap/icon_xin_yes"
            android:text="当标签过多" />
 
        <com.google.android.material.tabs.TabItem
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="过多" />
 
        <com.google.android.material.tabs.TabItem
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:icon="@mipmap/icon_xin_yes"
            android:text="的时候会显示" />
 
        <com.google.android.material.tabs.TabItem
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:icon="@mipmap/icon_xin_yes"
            android:text="会显示的很拥挤" />
 
        <com.google.android.material.tabs.TabItem
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:icon="@mipmap/icon_xin_yes"
            android:text="而scrollable属性可以滑动" />
 
    com.google.android.material.tabs.TabLayout>
 
    <com.google.android.material.tabs.TabLayout
        android:id="@+id/idTabLayoutThree"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="30dp"
        app:tabContentStart="300dp"
        app:tabIconTint="#00ff00"
        app:tabIconTintMode="screen"
        app:tabIndicatorAnimationDuration="300"
        app:tabIndicatorAnimationMode="linear"
        app:tabIndicatorFullWidth="false"
        app:tabIndicatorGravity="top"
        app:tabMaxWidth="100dp"
        app:tabMinWidth="40dp"
        app:tabPadding="20dp">
 
        <com.google.android.material.tabs.TabItem
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:icon="@mipmap/study_one"
            android:text="导航组件组件" />
 
        <com.google.android.material.tabs.TabItem
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:icon="@mipmap/icon_xin_no"
            android:text="芝" />
 
        <com.google.android.material.tabs.TabItem
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="空名先生" />
    com.google.android.material.tabs.TabLayout>
 
    <com.google.android.material.tabs.TabLayout
        android:id="@+id/idTabLayoutFour"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="30dp"
        app:tabRippleColor="@color/color_00ff00"
        app:tabUnboundedRipple="true"
        app:tabInlineLabel="true">
 
        <com.google.android.material.tabs.TabItem
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:icon="@mipmap/icon_xin_no"
            android:text="导航组件组件" />
 
        <com.google.android.material.tabs.TabItem
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:icon="@mipmap/icon_xin_no"
            android:text="芝" />
 
        <com.google.android.material.tabs.TabItem
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="空名先生" />
    com.google.android.material.tabs.TabLayout>
    <com.google.android.material.tabs.TabLayout
        android:id="@+id/idTabLayoutFive"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="30dp"
        app:tabRippleColor="@color/color_00ff00"
        app:tabUnboundedRipple="true"
        app:tabInlineLabel="true">
    com.google.android.material.tabs.TabLayout>
LinearLayout>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150

一般我们在xml中使用都是基本能确定该导航组件个数固定（如应用底部栏），否则都是动态添加（如上部导航栏）：

idTabLayoutFive.addTab(idTabLayoutFive.newTab().setText(“这是”))

idTabLayoutFive.addTab(idTabLayoutFive.newTab().setText(“进行”).setIcon(R.mipmap.icon_xin_no))

idTabLayoutFive.addTab(idTabLayoutFive.newTab().setText(“动态”))

idTabLayoutFive.addTab(idTabLayoutFive.newTab().setText(“添加”).setIcon(R.mipmap.icon_xin_no))

如果xml布局中有了部分，还想要进行动态添加也是完全可以的。

👉其他

📢作者：小空和小芝中的小空
📢转载说明-务必注明来源：https://zhima.blog.csdn.net/
📢这位道友请留步☁️，我观你气度不凡，谈吐间隐隐有王者霸气💚，日后定有一番大作为📝！！！旁边有点赞👍收藏🌟今日传你，点了吧，未来你成功☀️，我分文不取，若不成功⚡️，也好回来找我。

温馨提示：点击下方卡片获取更多意想不到的资源。