TabLayout app:tabMode和app: tabGravity配合使用效果对比
2017-05-18 16:17
302 查看
xml
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent" xmlns:app="http://schemas.android.com/apk/res-auto" tools:context="com.louisgeek.louistabgravityandtabmode.MainActivity"> <!--所有 TabLayout layout_width设置为match_parent的情况下--> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="标题想数目数量多的时候" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="tabGravity:fill,tabMode:fixed" /> <android.support.design.widget.TabLayout android:id="@+id/id_tab1_fill_fixed" android:layout_width="match_parent" android:layout_height="wrap_content" app:tabGravity="fill" app:tabMode="fixed" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="tabGravity:center,tabMode:fixed" /> <android.support.design.widget.TabLayout android:id="@+id/id_tab2_center_fixed" android:layout_width="match_parent" android:layout_height="wrap_content" app:tabGravity="center" app:tabMode="fixed" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="tabGravity:fill,tabMode:scrollable" /> <android.support.design.widget.TabLayout android:id="@+id/id_tab3_fill_scrollable" android:layout_width="match_parent" android:layout_height="wrap_content" app:tabGravity="fill" app:tabMode="scrollable" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="tabGravity:center,tabMode:scrollable常用" android:textColor="@color/colorAccent" /> <android.support.design.widget.TabLayout android:id="@+id/id_tab4_center_scrollable" android:layout_width="match_parent" android:layout_height="wrap_content" app:tabGravity="center" app:tabMode="scrollable" /> <!--///////////////////////--> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="标题想数目数量少的时候" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="tabGravity:fill,tabMode:fixed" /> <android.support.design.widget.TabLayout android:id="@+id/id_tab_one_fill_fixed" android:layout_width="match_parent" android:layout_height="wrap_content" app:tabGravity="fill" app:tabMode="fixed" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="tabGravity:center,tabMode:fixed" /> <android.support.design.widget.TabLayout android:id="@+id/id_tab_two_center_fixed" android:layout_width="match_parent" android:layout_height="wrap_content" app:tabGravity="center" app:tabMode="fixed" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="tabGravity:fill,tabMode:scrollable" /> <android.support.design.widget.TabLayout android:id="@+id/id_tab_three_fill_scrollable" android:layout_width="match_parent" android:layout_height="wrap_content" app:tabGravity="fill" app:tabMode="scrollable" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="tabGravity:center,tabMode:scrollable常用" android:textColor="@color/colorAccent" /> <android.support.design.widget.TabLayout android:id="@+id/id_tab_four_center_scrollable" android:layout_width="match_parent" android:layout_height="wrap_content" app:tabGravity="center" app:tabMode="scrollable" /> </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
![](https://oscdn.geek-share.com/Uploads/Images/Content/201701/9cc493f1e15b23d0f4eaea0d0f8b35d0.png)
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
package com.louisgeek.louistabgravityandtabmode; import android.os.Bundle; import android.support.design.widget.TabLayout; import android.support.v7.app.AppCompatActivity; public class MainActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); //////////////// TabLayout idtablone = (TabLayout) findViewById(R.id.id_tab1_fill_fixed); idtablone.addTab(idtablone.newTab().setText("标题")); idtablone.addTab(idtablone.newTab().setText("标题文字")); idtablone.addTab(idtablone.newTab().setText("标题党")); idtablone.addTab(idtablone.newTab().setText("题")); idtablone.addTab(idtablone.newTab().setText("标题1")); idtablone.addTab(idtablone.newTab().setText("标题2")); idtablone.addTab(idtablone.newTab().setText("标题3")); idtablone.addTab(idtablone.newTab().setText("标题4")); idtablone.addTab(idtablone.newTab().setText("标题5")); idtablone.addTab(idtablone.newTab().setText("标题6")); TabLayout idtabltwo = (TabLayout) findViewById(R.id.id_tab2_center_fixed); idtabltwo.addTab(idtabltwo.newTab().setText("标题")); idtabltwo.addTab(idtabltwo.newTab().setText("标题文字")); idtabltwo.addTab(idtabltwo.newTab().setText("标题党")); idtabltwo.addTab(idtabltwo.newTab().setText("题")); idtabltwo.addTab(idtabltwo.newTab().setText("标题1")); idtabltwo.addTab(idtabltwo.newTab().setText("标题2")); idtabltwo.addTab(idtabltwo.newTab().setText("标题3")); idtabltwo.addTab(idtabltwo.newTab().setText("标题4")); idtabltwo.addTab(idtabltwo.newTab().setText("标题5")); idtabltwo.addTab(idtabltwo.newTab().setText("标题6")); TabLayout idtablthree = (TabLayout) findViewById(R.id.id_tab3_fill_scrollable); idtablthree.addTab(idtablthree.newTab().setText("标题")); idtablthree.addTab(idtablthree.newTab().setText("标题文字")); idtablthree.addTab(idtablthree.newTab().setText("标题党")); idtablthree.addTab(idtablthree.newTab().setText("题")); idtablthree.addTab(idtablthree.newTab().setText("标题1")); idtablthree.addTab(idtablthree.newTab().setText("标题2")); idtablthree.addTab(idtablthree.newTab().setText("标题3")); idtablthree.addTab(idtablthree.newTab().setText("标题4")); idtablthree.addTab(idtablthree.newTab().setText("标题5")); idtablthree.addTab(idtablthree.newTab().setText("标题6")); TabLayout idtablfour = (TabLayout) findViewById(R.id.id_tab4_center_scrollable); idtablfour.addTab(idtablfour.newTab().setText("标题")); idtablfour.addTab(idtablfour.newTab().setText("标题文字")); idtablfour.addTab(idtablfour.newTab().setText("标题党")); idtablfour.addTab(idtablfour.newTab().setText("题")); idtablfour.addTab(idtablfour.newTab().setText("标题1")); idtablfour.addTab(idtablfour.newTab().setText("标题2")); idtablfour.addTab(idtablfour.newTab().setText("标题3")); idtablfour.addTab(idtablfour.newTab().setText("标题4")); idtablfour.addTab(idtablfour.newTab().setText("标题5")); idtablfour.addTab(idtablfour.newTab().setText("标题6")); ////////// TabLayout id_tabl_one_s = (TabLayout) findViewById(R.id.id_tab_one_fill_fixed); id_tabl_one_s.addTab(id_tabl_one_s.newTab().setText("标1")); id_tabl_one_s.addTab(id_tabl_one_s.newTab().setText("标2")); id_tabl_one_s.addTab(id_tabl_one_s.newTab().setText("标3")); id_tabl_one_s.addTab(id_tabl_one_s.newTab().setText("标4")); id_tabl_one_s.addTab(id_tabl_one_s.newTab().setText("标5")); /* id_tabl_one_s.addTab(id_tabl_one_s.newTab().setText("标6")); id_tabl_one_s.addTab(id_tabl_one_s.newTab().setText("标7"));*/ TabLayout id_tabl_two_s = (TabLayout) findViewById(R.id.id_tab_two_center_fixed); id_tabl_two_s.addTab(id_tabl_two_s.newTab().setText("标1")); id_tabl_two_s.addTab(id_tabl_two_s.newTab().setText("标2")); id_tabl_two_s.addTab(id_tabl_two_s.newTab().setText("标3")); id_tabl_two_s.addTab(id_tabl_two_s.newTab().setText("标4")); id_tabl_two_s.addTab(id_tabl_two_s.newTab().setText("标5")); /*id_tabl_two_s.addTab(id_tabl_two_s.newTab().setText("标5")); id_tabl_two_s.addTab(id_tabl_two_s.newTab().setText("标6")); id_tabl_two_s.addTab(id_tabl_two_s.newTab().setText("标7"));*/ TabLayout id_tabl_three_s = (TabLayout) findViewById(R.id.id_tab_three_fill_scrollable); id_tabl_three_s.addTab(id_tabl_three_s.newTab().setText("标1")); id_tabl_three_s.addTab(id_tabl_three_s.newTab().setText("标2")); id_tabl_three_s.addTab(id_tabl_three_s.newTab().setText("标3")); id_tabl_three_s.addTab(id_tabl_three_s.newTab().setText("标4")); id_tabl_three_s.addTab(id_tabl_three_s.newTab().setText("标5")); /*id_tabl_three_s.addTab(id_tabl_three_s.newTab().setText("标6")); id_tabl_three_s.addTab(id_tabl_three_s.newTab().setText("标7"));*/ TabLayout id_tabl_four_s = (TabLayout) findViewById(R.id.id_tab_four_center_scrollable); id_tabl_four_s.addTab(id_tabl_four_s.newTab().setText("标1")); id_tabl_four_s.addTab(id_tabl_four_s.newTab().setText("标2")); id_tabl_four_s.addTab(id_tabl_four_s.newTab().setText("标3")); id_tabl_four_s.addTab(id_tabl_four_s.newTab().setText("标4")); id_tabl_four_s.addTab(id_tabl_four_s.newTab().setText("标5")); /* id_tabl_four_s.addTab(id_tabl_four_s.newTab().setText("标6")); id_tabl_four_s.addTab(id_tabl_four_s.newTab().setText("标7"));*/ } }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
![](https://oscdn.geek-share.com/Uploads/Images/Content/201701/9cc493f1e15b23d0f4eaea0d0f8b35d0.png)
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
相关文章推荐
- TabLayout app:tabMode和app: tabGravity配合使用效果对比
- Android Material Design TabLayout属性app:tabMode和app: tabGravity
- Android Material Design TabLayout属性app:tabMode和app: tabGravity
- Android Material Design TabLayout属性app:tabMode和app: tabGravity
- 使用android support library中的tablayout实现页签切换效果出现的问题
- Tablayout左右滑动和Banner无限轮播的配合使用
- 横向菜单 TabLayout框架的使用 配合viewpager
- Android 使用Toolbar+DrawerLayout快速实现仿“知乎APP”侧滑导航效果
- 使用TabLayout+ViewPager+Fragment+DataBing实现仿网易新闻主界面效果
- 使用Tablayout实现安卓导航栏效果
- 使用TabLayout需要配置的一些信息及配合ViewPager的用法
- Android之TabLayout+抽屉式效果和RecyclerView的使用
- CoordinatorLayout配合AppBarLayout,Toolbar和TabLayout的使用
- 置顶TabLayout配合动态高度ViewPager效果实现
- 使用PagerSlidingTabStrip ViewPager SwipeRefreshLayout打造豆瓣App的效果
- Tablayout和Viewpager的结合使用,实现导航的效果
- TabLayout配合ViewPager最普通使用
- TabLayout与ViewPager和Fragment、FragmentPagerAdapter的配合使用
- tablayout滑动效果使用
- TabLayout简单使用以及+Fragment配合