1

我在其中一個項目中有兩個選項卡的選項卡布局。我想知道是否可以更改選項卡選擇顏色(粉紅線)並使其具有其他顏色。更改TabLayout中的選項卡的選擇顏色

這裏是XML

<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android" 
xmlns:app="http://schemas.android.com/apk/res-auto" 
android:layout_width="match_parent" 
android:layout_height="match_parent"> 

<android.support.design.widget.AppBarLayout 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"> 

    <android.support.v7.widget.Toolbar 
     android:id="@+id/toolbar" 
     android:layout_width="match_parent" 
     android:layout_height="?attr/actionBarSize" 
     android:background="#212121" 
     app:layout_scrollFlags="scroll|enterAlways" 
     app:popupTheme="@style/ThemeOverlay.AppCompat.Light" /> 

    <android.support.design.widget.TabLayout 
     android:id="@+id/tabs" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     app:tabMode="fixed" 
     app:tabGravity="fill" 
     android:background="#212121"/> 
</android.support.design.widget.AppBarLayout> 

<android.support.v4.view.ViewPager 
    android:id="@+id/viewpager" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    app:layout_behavior="@string/appbar_scrolling_view_behavior"/> 

enter image description here

+0

檢查[這](http://stackoverflow.com/questions/18909273/how-to-change-color-of-選定標籤) –

回答

3

加入這行到你的tablayout ...

<android.support.v7.widget.Toolbar 
     android:id="@+id/toolbar" 
     android:layout_width="match_parent" 
     android:layout_height="?attr/actionBarSize" 
     android:background="#212121" 
     app:layout_scrollFlags="scroll|enterAlways" 
     app:tabIndicatorColor="@color/white" 
     app:popupTheme="@style/ThemeOverlay.AppCompat.Light" /> 

它會做的工作。

+0

作品像魅力非常感謝 – mremremre1

+0

它被接受? :D祝你好運 –

+0

tnx。只是沒有@顏色/白色但用十六進制#ffffff;) – mremremre1

0

定義選擇,並把它應用到你的TabLayout的風格:

<style name="Base.Widget.Design.TabLayout" parent="android:Widget"> 
    <item name="tabBackground">@drawable/tab_background</item> 
</style> 
相關問題