TabLayout没有正确平板
问题描述:
<android.support.design.widget.TabLayout
android:id="@+id/tl_dealer"
android:layout_width="240dp"
android:layout_height="42dp"
android:layout_gravity="center_horizontal"
android:layout_marginTop="12dp"
android:background="@drawable/tab_dealer_type_background"
app:tabBackground="@drawable/background"
app:tabSelectedTextColor="@color/white"
app:tabIndicatorColor="@color/action_bar_background"
app:tabTextColor="@color/action_bar_background">
<android.support.design.widget.TabItem
android:layout_width="80dp"
android:layout_height="wrap_content"
android:text="HPCL"
/>
<android.support.design.widget.TabItem
android:layout_width="80dp"
android:layout_height="wrap_content"
android:text="IOCL"/>
<android.support.design.widget.TabItem
android:layout_width="80dp"
android:layout_height="wrap_content"
android:text="BPCL"/>
</android.support.design.widget.TabLayout>
显示选项卡这是在XML文件中我tablayout代码。
这里是绘制文件夹中的backgroudn.xml:
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@color/action_bar_background" android:state_selected="true"/>
<item android:drawable="@color/white" android:state_selected="false"/>
</selector>
和最终tab_dealer_type_background文件:
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
<stroke android:width="1dp" android:color="@color/action_bar_background" />
<padding android:left="0dp" android:top="1dp" android:bottom="1dp" android:right="1dp"/>
</shape>
现在,当我使用这些文件为手机所发生的事情,它会显示正确的选项卡。但是,当我在平板电脑使用相同的代码,它包括在tablayout的左右两端空格。
谁能告诉我这里有什么问题吗?我在这里错过了什么?我已经尝试了很多东西,但我不能够纠正它。如果有人知道这是怎么回事,请告诉我?
答
<android.support.design.widget.TabLayout
android:id="@+id/tl_dealer"
android:layout_width="wrap_content"
android:layout_height="42dp"
android:layout_gravity="center_horizontal"
android:layout_marginTop="12dp"
android:background="@drawable/tab_dealer_type_background"
app:tabBackground="@drawable/background"
app:tabIndicatorColor="@color/action_bar_background"
app:tabMode="scrollable"
app:tabSelectedTextColor="@color/white"
app:tabTextColor="@color/action_bar_background">
<android.support.design.widget.TabItem
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="HPCL" />
<android.support.design.widget.TabItem
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="IOCL" />
<android.support.design.widget.TabItem
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="BPCL" />
</android.support.design.widget.TabLayout>
这是我做到了。
您可以将截图? – Ufkoku
刚刚添加的格式错误tablayout –
从tablayout删除此:机器人:layout_gravity =“CENTER_HORIZONTAL” –