TabLayout没有正确平板

问题描述:

enter image description hereTabLayout没有正确平板

<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的左右两端空格。

谁能告诉我这里有什么问题吗?我在这里错过了什么?我已经尝试了很多东西,但我不能够纠正它。如果有人知道这是怎么回事,请告诉我?

enter image description here

+0

您可以将截图? – Ufkoku

+0

刚刚添加的格式错误tablayout –

+0

从tablayout删除此:机器人:layout_gravity =“CENTER_HORIZONTAL” –

<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> 

这是我做到了。