PagerTabStrip - 將選項卡居中或使它們適合

Question

我正在使用此庫https://github.com/astuetz/PagerSlidingTabStrip來創建PagerTabStrip。

我的輸出

你可以看到，我的標籤後，我有一些空的空間。 我想使標籤適合所有屏幕，或至少居中標籤。 這可能嗎？

<com.astuetz.PagerSlidingTabStrip 
     android:layout_gravity="center_horizontal" 
     android:gravity="center_horizontal" 
     android:background="@color/facebook_theme_light" 
     android:id="@+id/activity_posts_tabs" 
     android:layout_width="match_parent" 
     android:layout_height="48dip" /> 

    <android.support.v4.view.ViewPager 
     android:background="@color/facebook_theme_dark" 
     android:id="@+id/activity_posts_pager" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:layout_below="@id/activity_posts_tabs" 
     tools:context=".MainActivity" /> 

Answer 1

去尋找一個解決方案，並有一個內置在庫，只需使用：

psts:pstsShouldExpand="true" 

並且選項卡將在佈局中展開並居中。

Answer 2

這應該是一個評論，但是當我試圖把它在評論的形式，它看起來反常，所以在這裏你去：

如果你去the sample xml for the library you provided

你會發現，在XML有看法 -

<com.astuetz.PagerSlidingTabStrip 
    android:id="@+id/tabs" 
    android:layout_width="match_parent" 
    android:layout_height="62dip" 
    android:layout_below="@+id/image" 
    android:background="@drawable/background_tabs_diagonal" 
    app:pstsDividerColor="#00000000" 
    app:pstsIndicatorColor="#FF33B5E6" 
    app:pstsTabPaddingLeftRight="14dip" 
    app:pstsUnderlineColor="#FF33B5E6" /> 

這有一個寬度"match_parent"。你需要做的是在你的應用程序中將這個相當於"wrap_content"改爲android:layout_gravity="center_horizontal" ....或者沿着這些行添加一些東西，因爲我沒有測試過它。

編輯

您也可以嘗試它包裹在一個容器

<RelativeLayout 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" > 

    <com.astuetz.PagerSlidingTabStrip 
     android:id="@+id/tabs" 
     android:layout_width="wrap_content" 
     android:layout_height="62dip" 
     android:layout_below="@+id/image" 
     android:layout_centerInParent="true" 
     android:background="@drawable/background_tabs_diagonal" 
     app:pstsDividerColor="#00000000" 
     app:pstsIndicatorColor="#FF33B5E6" 
     app:pstsTabPaddingLeftRight="14dip" 
     app:pstsUnderlineColor="#FF33B5E6" /> 

</RelativeLayout>