Я использую новый TabLayout из библиотеки Android Design. Мне удалось установить список состояний textcolor, используяtabLayout.setTabTextColors(colorstatelist)
Как я могу добиться того же с помощью styles.xml?
Я использую новый TabLayout из библиотеки Android Design. Мне удалось установить список состояний textcolor, используяtabLayout.setTabTextColors(colorstatelist)
Как я могу добиться того же с помощью styles.xml?
<android.support.design.widget.TabLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:tabMode="fixed"
app:tabGravity="fill"
app:tabTextColor="@color/your_unselected_text_color"
app:tabSelectedTextColor="@color/your_selected_text_color"/>
Кроме того, существуют такие атрибуты, как tabIndicatorColor или tabIndicatorHeight для дальнейшего стилизации.
tabLayout.setTabTextColors(
getResources().getColor(R.color.your_unselected_text_color),
getResources().getColor(R.color.your_selected_text_color)
);
Поскольку этот старый способ устарел с API 23, альтернативой является:
tabLayout.setTabTextColors(
ContextCompat.getColor(context, R.color.your_unselected_text_color),
ContextCompat.getColor(context, R.color.your_selected_text_color)
);
Вот фрагмент кода для переопределения стиля текста и выбранного цвета текста.
<style name="MyCustomTabLayout" parent="Widget.Design.TabLayout"> <item name="tabTextAppearance">@style/MyCustomTabText</item> <item name="tabSelectedTextColor">@color/tab_text_act</item> </style> <style name="MyCustomTabText" parent="TextAppearance.AppCompat.Button"> <item name="android:textSize">14sp</item> <item name="android:textColor">@color/tab_text</item> </style>
А вот и фрагмент кода для верстки
<android.support.design.widget.TabLayout android:layout_width="match_parent" android:layout_height="wrap_content" style="@style/MyCustomTabLayout" />
источник
Все приведенные выше ответы верны, но я просто думаю, что лучше переопределить стили по умолчанию и изменить только конкретный элемент, который вы хотите изменить. Пример ниже сделает текст жирным:
<style name="Widget.TabItem" parent="TextAppearance.Design.Tab"> <item name="android:textStyle">bold</item> </style>
Потом..,
app:tabTextAppearance="@style/Widget.TabItem"
источник
Вам просто нужно переопределить
android:textAppearance
стиль. Поскольку TabLayout использует textAppearance. вот небольшой фрагмент кода стиля.<!-- Base application theme. --> <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar"> <!-- Below will reference with our custom style --> <item name="android:textAppearance">@style/my_tab_text</item> </style> <style name="my_tab_text" parent="Base.TextAppearance.AppCompat"> <item name="android:textColor">@android:color/holo_blue_dark</item> </style>
И если вы не хотите ссылаться на свою Apptheme, вы можете напрямую указать TabLayout с помощью фрагмента ниже.
<android.support.design.widget.TabLayout android:layout_width="match_parent" android:layout_height="wrap_content" app:tabTextAppearance="@style/my_tab_text" app:tabIndicatorHeight="48dp"/>
источник
Для настраиваемых вкладок мы должны переопределить следующее: 1) app: tabTextColor // for_unselected_text "
<android.support.design.widget.TabLayout android:id="@+id/tabs" style="@style/MyCustomTabLayout" android:layout_width="match_parent" android:layout_height="56dp" android:background="?attr/colorPrimary" android:scrollbarSize="24sp" android:visibility="gone" app:tabTextColor="@color/white_40_percent" app:tabMode="scrollable" />
2) tabSelectedTextColor // цвет выбранной вкладки 3) tabIndicatorColor // цвет индикатора вкладки
<style name="MyCustomTabLayout" parent="Widget.Design.TabLayout"> <item name="android:textColorPrimary">@color/white</item> <item name="tabSelectedTextColor">@color/white</item> <item name="tabTextAppearance">@style/TabTextStyle</item> <item name="tabIndicatorColor">?attr/colorAccent</item> <item name="tabIndicatorHeight">4dp</item> <item name="android:tabStripEnabled">true</item> <item name="android:padding">0dp</item> </style> <style name="TabTextStyle"> <item name="android:fontFamily">@string/font_fontFamily_medium</item> <item name="android:textStyle">bold</item> <item name="android:textAllCaps">true</item> <item name="android:textColor">@color/tab_text_color</item> <item name="android:textSize">16sp</item> </style>
tab_text_color.xml
<?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:color="@color/white_40_percent"android:state_selected="false"/> <item android:color="@color/white_100_percent"android:state_selected="true"/> </selector>
источник
При
TabLayout
условии , в Материальные компоненты библиотеки вы можете:<com.google.android.material.tabs.TabLayout style="@style/My_Tablayout" ..>
и в своем стиле используйте
tabTextColor
с селектором.<!-- TabLayout --> <style name="My_Tablayout" parent="Widget.MaterialComponents.TabLayout" > <item name="tabTextColor">@color/tab_layout_selector</item> </style> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:color="?attr/colorPrimary" android:state_selected="true"/> <item android:alpha="0.60" android:color="?attr/colorOnSurface"/> </selector>
app:tabTextColor
в своем макете:<com.google.android.material.tabs.TabLayout app:tabTextColor="@color/tab_layout_selector" ..>
источник
Простой и идеальный способ:
В xml файле:
<android.support.design.widget.TabLayout android:layout_width="match_parent" android:layout_height="wrap_content" app:tabTextAppearance="@style/TabText"/>
В файле значений-стилей:
примечание: "cairo_semibold" - внешний шрифт, вы можете заменить его своим шрифтом.
<style name="TabText" parent="TextAppearance.Design.Tab"> <item name="android:textColor">#1f57ff</item> <item name="android:textSize">14sp</item> <item name="android:fontFamily">@font/cairo_semibold</item> </style>
источник
лучший или короткий и простой способ - сделать настраиваемую панель приложений, например
<?xml version="1.0" encoding="utf-8"?> <android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="?android:attr/actionBarSize" xmlns:app="http://schemas.android.com/apk/res-auto" android:background="@color/colorAccent" app:theme="@style/myCustomAppBarTheme" app:popupTheme="@style/ThemeOverlay.AppCompat.Dark"><RelativeLayout android:layout_width="match_parent" android:layout_height="match_parent"> <ImageButton android:id="@+id/btn_back" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentLeft="true" android:background="@android:color/transparent" android:src="@mipmap/ic_launcher" /> <TextView android:id="@+id/txt_title" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerVertical="true" android:layout_marginLeft="16dp" android:layout_marginStart="16dp" android:layout_toEndOf="@+id/btn_back" android:layout_toRightOf="@+id/btn_back" android:text="Title" android:textColor="@android:color/white" android:textSize="20sp" android:textStyle="bold" /> </RelativeLayout> </android.support.v7.widget.Toolbar>
источник
XML-атрибуты
<com.google.android.material.tabs.TabLayout android:id="@+id/tab_layout" android:layout_width="match_parent" android:layout_height="wrap_content" app:tabIndicatorColor="@color/white" app:tabBackground="@color/colorAccent" app:tabSelectedTextColor="@color/white" app:tabTextColor="@color/white" app:tabMode="scrollable" />
В Котлине программно
(tab_layout as TabLayout).setBackgroundColor(ContextCompat.getColor(mContext, R.color.colorPrimary)) (tab_layout as TabLayout).setSelectedTabIndicatorColor(ContextCompat.getColor(mContext, R.color.white)) (tab_layout as TabLayout).setTabTextColors(ContextCompat.getColor(mContext, R.color.white), ContextCompat.getColor(mContext, R.color.white))
источник