[Xamarin] PagerSlidingTabStrip 平均分配寬度,不用滾動

2016-08-02

之前發表幾篇關於 PagerSlidingTabStrip  製作滑動Tab 的文章,有朋友剛好用到,問我一個功能,他差點用C# 端去解決,後來發現調整參數就可以了,重點是要做出來像是這樣,上面的頁籤並且不需要滑動功能
Screenshot_20160802-163628

1.平均分配,預設會長這樣,不是平均分配
Screenshot_20160802-163246

這時候只需要調整 app:pstsShouldExpand 為true 預設會是false

<com.refractored.PagerSlidingTabStrip
    android:id="@+id/tabs"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    android:background="?attr/colorPrimary"
    app:pstsShouldExpand="true"
    app:pstsPaddingMiddle="false"
    app:pstsDividerWidth="1dp"
    app:pstsDividerPadding="12dp"
    app:pstsDividerColor="#50FFFFFF"
    android:textColor="#50FFFFFF"
    app:pstsTextColorSelected="#FFFF33"
    app:pstsIndicatorColor="@android:color/white"
    app:pstsTabBackground="@drawable/cust_bg1"
    app:pstsUnderlineColor="@android:color/white" />

2.調整後他可能會滑動 移動頁籤時會出現
Screenshot_20160802-153454

這樣的狀況 這時候需要將       app:pstsPaddingMiddle 改成false 就可以了

<com.refractored.PagerSlidingTabStrip
    android:id="@+id/tabs"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    android:background="?attr/colorPrimary"
    app:pstsShouldExpand="true"
    app:pstsPaddingMiddle="false"
    app:pstsDividerWidth="1dp"
    app:pstsDividerPadding="12dp"
    app:pstsDividerColor="#50FFFFFF"
    android:textColor="#50FFFFFF"
    app:pstsTextColorSelected="#FFFF33"
    app:pstsIndicatorColor="@android:color/white"
    app:pstsTabBackground="@drawable/cust_bg1"
    app:pstsUnderlineColor="@android:color/white" />

這樣就大功告成了一個平均分配且不會滑動的 PagerSlidingTabStrip


當麻許的超技八 2014 | Donma Hsu Design.