TabLayout中的选项卡未填满整个ActionBar [英] Tabs in TabLayout not filling up entire ActionBar
问题描述
我使用 TabLayout
和 ViewPager
来显示 ActionBar标签
按照指南 。
GRAVITY_CENTER
Gravity用于布置TabLayout中心的标签。
GRAVITY_FILL
Gravity用于尽可能多地填充TabLayout。
MODE_FIXED
固定标签同时显示所有标签,最适合使用标签之间快速支点的内容。
MODE_SCROLLABLE
可滚动标签在任何给定时刻显示标签的子集,并且可以包含更长的标签标签和更多的标签。
在你的代码或布局xml中设置它。
app:tabGravity = center
app:tabMode =fixed
或
tabLayout.setTabGravity(TabLayout.GRAVITY_CENTER);
tabLayout.setTabMode(TabLayout.MODE_FIXED);
一般情况下,使用像打击这样的代码可以在不设置 tabGravity $的情况下工作c $ c>和
tabMode
。
< android.support。 design.widget.AppBarLayout
android:id =@ + id / appbar
android:layout_width =match_parent
android:layout_height =wrap_content
android:theme = @风格/ ThemeOverlay.AppCompat.Dark.ActionBar >
< android.support.v7.widget.Toolbar
android:id =@ + id / toolbar
android:layout_width =match_parent
android :layout_height =?attr / actionBarSize
android:background =?attr / colorPrimary
app:popupTheme =@ style / ThemeOverlay.AppCompat.Light
app:layout_scrollFlags =滚动| enterAlways/>
< android.support.design.widget.TabLayout
android:id =@ + id / tabs
android:layout_width =match_parent
android :layout_height =wrap_content/>
< /android.support.design.widget.AppBarLayout>
I am using a TabLayout
and ViewPager
to display ActionBar tabs
following the guide Google Play Style Tabs using TabLayout, however my tabs are squished to the left side of the ActionBar, shown below:
And I would like them to take up the whole bar with equal widths. I've made only a few minor changes to the guide:
In activity_main.xml a style was created to show the ActionBar:
<android.support.design.widget.TabLayout
android:id="@+id/sliding_tabs"
android:layout_width="match_parent"
android:layout_height="wrap_content"
style="@style/AppTheme"
app:tabMode="scrollable" />
Here is the styles.xml code:
<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
<item name="windowActionBar">true</item>
<item name="tabIndicatorColor">#ffff0030</item>
</style>
Also, my MainActivity
now extends AppCompatActivity
instead of a FragmentActivity
.
You can refer to the TabLayout.
GRAVITY_CENTER
Gravity used to lay out the tabs in the center of the TabLayout.
GRAVITY_FILL
Gravity used to fill the TabLayout as much as possible.
MODE_FIXED
Fixed tabs display all tabs concurrently and are best used with content that benefits from quick pivots between tabs.
MODE_SCROLLABLE
Scrollable tabs display a subset of tabs at any given moment, and can contain longer tab labels and a larger number of tabs.
Set this in your code or your layout xml.
app:tabGravity="center"
app:tabMode="fixed"
or
tabLayout.setTabGravity(TabLayout.GRAVITY_CENTER);
tabLayout.setTabMode(TabLayout.MODE_FIXED);
Generally, using the code like blow can work without setting tabGravity
and tabMode
.
<android.support.design.widget.AppBarLayout
android:id="@+id/appbar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:background="?attr/colorPrimary"
app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
app:layout_scrollFlags="scroll|enterAlways" />
<android.support.design.widget.TabLayout
android:id="@+id/tabs"
android:layout_width="match_parent"
android:layout_height="wrap_content" />
</android.support.design.widget.AppBarLayout>
这篇关于TabLayout中的选项卡未填满整个ActionBar的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!