您的位置:首页 > 移动开发

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


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


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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: