在Android中使用SlidingTabLayout时,如何更改选项卡中的文本大小和颜色?

时间:2015-02-28 17:46:24

标签: android

因此效果将是每个单独的选项卡除了文本颜色更改之外会更大一些。我已经尝试过使用setCustomTabView(),但它只适用于第一个选项卡,其余的选项卡都是未渲染的。

1 个答案:

答案 0 :(得分:0)

所以这是一个使用setCustomTabView()的例子:

在您的布局中,您拥有ViewPager和SlidingTabLayout:

<com.yourProject.SlidingTabLayout  <--- IMPORT latest from Google[*see link]
        android:id="@+id/sliding_tabs"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>

<android.support.v4.view.ViewPager android:id="@+id/viewPager"
                                     android:layout_marginTop="@dimen/text_size_medium"
                                       android:layout_width="match_parent"
                                       android:layout_height="match_parent">

    </android.support.v4.view.ViewPager>

然后在您的片段或活动中,为滑动选项卡设置自定义视图,如下所示:

 viewPager = (ViewPager) rootView.findViewById(R.id.viewPager);
 mSlidingTabLayout = (SlidingTabLayout) rootView.findViewById(R.id.sliding_tabs);
    mSlidingTabLayout.setSelectedIndicatorColors(getResources().getColor(R.color.accent));
    mSlidingTabLayout.setCustomTabView(R.layout.sliding_tab_layout_custom, R.id.item);
    mSlidingTabLayout.setDistributeEvenly(false);
    mSlidingTabLayout.setViewPager(viewPager);

使用标签的自定义布局:

../布局/ sliding_tab_layout.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:layout_width="match_parent"
              android:layout_height="match_parent"
              android:orientation="horizontal">
    <TextView
        android:id="@+id/item"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:padding="@dimen/text_size_small"
        android:textColor="@color/primary"
        android:textSize="@dimen/text_size_medium"/>
</LinearLayout>

示例已经过测试,因此应该可以使用。希望它有所帮助:)