android — Как установить цвет заголовка для новой панели инструментов?" />

Как установить цвет заголовка для новой панели инструментов?

Я использую новую панель инструментов v7 и до сих пор не могу понять, как изменить цвет заголовка. Я установил для @style панели инструментов стиль, объявленный в styles.xml, и применил titleTextStyle с textColor. Я что-то пропустил? Я пишу для Lollipop, но в настоящее время тестирую на устройстве Kitkat.

styles.xml

<resources>

    <!-- Base application theme. -->
    <style name="AppTheme" parent="@style/Theme.AppCompat.Light">
        <item name="android:windowNoTitle">true</item>
        <item name="windowActionBar">false</item>
    </style>

    <style name="ActionBar" parent="Theme.AppCompat">
        <item name="android:background">@color/actionbar_background</item>
        <item name="android:titleTextStyle">@style/ActionBar.TitleTextStyle</item>
    </style>

    <style name="ActionBar.TitleTextStyle" parent="@style/TextAppearance.AppCompat.Widget.ActionBar.Title">
        <item name="android:textColor">@color/actionbar_title_text</item>
    </style>

</resources>

actionbar.xml:

<android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/toolbar_actionbar"
    android:layout_width="match_parent"
    android:layout_height="?actionBarSize"
    style="@style/ActionBar"/>
91 голос | спросил Dennis 10 12014vEurope/Moscow11bEurope/MoscowMon, 10 Nov 2014 23:07:18 +0300 2014, 23:07:18

12 ответов


0

Вариант 1) Быстрый и простой способ (только панель инструментов)

Начиная с appcompat-v7-r23 вы можете использовать следующие атрибуты непосредственно в своем Toolbar или его стиле:

app:titleTextColor="@color/primary_text"
app:subtitleTextColor="@color/secondary_text"

Если ваш минимальный SDK равен 23, и вы используете собственный Toolbar, просто измените префикс пространства имен на android

В Java вы можете использовать следующие методы:

toolbar.setTitleTextColor(Color.WHITE);
toolbar.setSubtitleTextColor(Color.WHITE);

Эти методы принимают цвет, а не идентификатор ресурса цвета!

Вариант 2) Переопределить стиль панели инструментов и атрибуты темы

Макет /xxx.xml

<android.support.v7.widget.Toolbar
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:minHeight="?attr/actionBarSize"
    android:theme="@style/ThemeOverlay.MyApp.ActionBar"
    app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
    style="@style/Widget.MyApp.Toolbar.Solid"/>

значения /styles.xml

<style name="Widget.MyApp.Toolbar.Solid" parent="Widget.AppCompat.ActionBar">
    <item name="android:background">@color/actionbar_color</item>
    <item name="android:elevation" tools:ignore="NewApi">4dp</item>
    <item name="titleTextAppearance">...</item>
</style>

<style name="ThemeOverlay.MyApp.ActionBar" parent="ThemeOverlay.AppCompat.ActionBar">
    <!-- Parent theme sets colorControlNormal to textColorPrimary. -->
    <item name="android:textColorPrimary">@color/actionbar_title_text</item>
</style>

Помогите! Мои иконки тоже изменили цвет!

@PeterKnut сообщил, что это влияет на цвет кнопки переполнения, кнопки панели навигации и кнопки возврата. Он также меняет цвет текста SearchView.

Что касается цветов значков: colorControlNormal наследуется от

  • android:textColorPrimary для темных тем (белое на черном)
  • android:textColorSecondary для светлых тем (чёрный на белом)

Если вы примените это к теме панели действий , вы можете настроить цвет значка.

<item name="colorControlNormal">#de000000</item>

В appcompat-v7 до r23 была ошибка, из-за которой вы также должны были переопределить собственный аналог, например:

<item name="android:colorControlNormal" tools:ignore="NewApi">?colorControlNormal</item>

Помогите! Мой SearchView беспорядок!

Примечание. Этот раздел, возможно, устарел.

Поскольку вы используете виджет поиска, который по какой-то причине использует стрелку назад (не визуально, технически), а не тот, который включен в appcompat-v7, вы должны установить его вручную в теме приложения . Drawables библиотеки поддержки окрашены правильно. В противном случае он всегда будет белым.

<item name="homeAsUpIndicator">@drawable/abc_ic_ab_back_mtrl_am_alpha</item>

Что касается текста для поиска, то здесь нет простого способа. Покопавшись в его источнике, я нашел способ добраться до текстового представления. Я не проверял это, поэтому, пожалуйста, дайте мне знать в комментариях, если это не сработало.

SearchView sv = ...; // get your search view instance in onCreateOptionsMenu
// prefix identifier with "android:" if you're using native SearchView
TextView tv = sv.findViewById(getResources().getIdentifier("id/search_src_text", null, null));
tv.setTextColor(Color.GREEN); // and of course specify your own color

Бонус: переопределение стиля ActionBar и атрибутов темы

Соответствующий стиль для панели действий appcompat-v7 по умолчанию будет выглядеть следующим образом:

<!-- ActionBar vs Toolbar. -->
<style name="Widget.MyApp.ActionBar.Solid" parent="Widget.AppCompat.ActionBar.Solid">
    <item name="background">@color/actionbar_color</item> <!-- No prefix. -->
    <item name="elevation">4dp</item> <!-- No prefix. -->
    <item name="titleTextStyle">...</item> <!-- Style vs appearance. -->
</style>

<style name="Theme.MyApp" parent="Theme.AppCompat">
    <item name="actionBarStyle">@style/Widget.MyApp.ActionBar.Solid</item>
    <item name="actionBarTheme">@style/ThemeOverlay.MyApp.ActionBar</item>
    <item name="actionBarPopupTheme">@style/ThemeOverlay.AppCompat.Light</item>
</style>
ответил Eugen Pechanec 10 12014vEurope/Moscow11bEurope/MoscowMon, 10 Nov 2014 23:30:50 +0300 2014, 23:30:50
0

Вот мое решение, если вам нужно изменить только цвет заголовка, а не цвет текста в виджете поиска.

макет /toolbar.xml

<android.support.v7.widget.Toolbar
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/toolbar"
    android:background="@color/toolbar_bg"
    app:theme="@style/AppTheme.Toolbar"
    app:titleTextAppearance="@style/AppTheme.Toolbar.Title"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:minHeight="?attr/actionBarSize"/>

значения /themes.xml

<resources>
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <item name="windowActionBar">false</item>
    </style>

    <style name="AppTheme.Toolbar" parent="ThemeOverlay.AppCompat.ActionBar">
        <!-- Customize color of navigation drawer icon and back arrow --> 
        <item name="colorControlNormal">@color/toolbar_icon</item>
    </style>

    <style name="AppTheme.Toolbar.Title" parent="TextAppearance.Widget.AppCompat.Toolbar.Title">
        <!-- Set proper title size -->
        <item name="android:textSize">@dimen/abc_text_size_title_material_toolbar</item>
        <!-- Set title color -->
        <item name="android:textColor">@color/toolbar_title</item>
    </style>
</resources>

Аналогичным образом вы можете установить также subtitleTextAppearance.

ответил Peter Knut 29 Jam1000000amThu, 29 Jan 2015 03:34:19 +030015 2015, 03:34:19
0

Если вы поддерживаете API 23 и выше, теперь вы можете использовать атрибут titleTextColor , чтобы установить цвет заголовка панели инструментов.

макет /toolbar.xml

<android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:titleTextColor="@color/colorPrimary"
        />

MyActivity.java

Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar)
toolbar.setTitleTextColor(Color.WHITE);
ответил fractalwrench 2 +03002015-10-02T17:32:49+03:00312015bEurope/MoscowFri, 02 Oct 2015 17:32:49 +0300 2015, 17:32:49
0

Настройка app:titleTextColor в моем android.support.v7.widget.Toolbar у меня работает на Android 4.4 и на 6.0 тоже с com.android.support:appcompat-v7:23.1.0:

<android.support.v7.widget.Toolbar
    android:id="@+id/toolbar"
    android:layout_height="wrap_content"
    android:layout_width="match_parent"
    android:minHeight="?attr/actionBarSize"
    android:background="?attr/colorPrimary"
    app:titleTextColor="@android:color/white" />
ответил hunyadym 20 +03002015-10-20T20:34:12+03:00312015bEurope/MoscowTue, 20 Oct 2015 20:34:12 +0300 2015, 20:34:12
0

Это меня раздражало некоторое время, и мне не понравился ни один из приведенных ответов, поэтому я взглянул на источник, чтобы понять, как он работает.

FractalWrench находится на правильном пути, но его можно использовать ниже API 23, и его не нужно устанавливать на панели инструментов.

Как уже говорили другие, вы можете установить стиль на панели инструментов с помощью

app:theme="@style/ActionBar"

и в этом стиле вы можете установить цвет текста заголовка с помощью

<item name="titleTextColor">#00f</item>

для API до 23 или для 23 +

<item name="android:titleTextColor">your colour</item>

Полный XML

<android.support.v7.widget.Toolbar
    android:id="@+id/toolbar"
    android:layout_height="?attr/actionBarSize"
    android:layout_width="match_parent"
    app:theme="@style/ActionBar"
    app:popupTheme="@style/ThemeOverlay.AppCompat.Dark"/>


<style name="ActionBar" parent="@style/ThemeOverlay.AppCompat.ActionBar">
    <item name="android:titleTextStyle">@style/ActionBarTextStyle</item>
    <item name="titleTextColor">your colour</item>
    <item name="android:background">#ff9900</item>
</style>

Вот все атрибуты, которые можно установить для панели инструментов

<declare-styleable name="Toolbar">
    <attr name="titleTextAppearance" format="reference" />
    <attr name="subtitleTextAppearance" format="reference" />
    <attr name="title" />
    <attr name="subtitle" />
    <attr name="gravity" />
    <attr name="titleMargins" format="dimension" />
    <attr name="titleMarginStart" format="dimension" />
    <attr name="titleMarginEnd" format="dimension" />
    <attr name="titleMarginTop" format="dimension" />
    <attr name="titleMarginBottom" format="dimension" />
    <attr name="contentInsetStart" />
    <attr name="contentInsetEnd" />
    <attr name="contentInsetLeft" />
    <attr name="contentInsetRight" />
    <attr name="maxButtonHeight" format="dimension" />
    <attr name="navigationButtonStyle" format="reference" />
    <attr name="buttonGravity">
        <!-- Push object to the top of its container, not changing its size. -->
        <flag name="top" value="0x30" />
        <!-- Push object to the bottom of its container, not changing its size. -->
        <flag name="bottom" value="0x50" />
    </attr>
    <!-- Icon drawable to use for the collapse button. -->
    <attr name="collapseIcon" format="reference" />
    <!-- Text to set as the content description for the collapse button. -->
    <attr name="collapseContentDescription" format="string" />
    <!-- Reference to a theme that should be used to inflate popups
         shown by widgets in the toolbar. -->
    <attr name="popupTheme" format="reference" />
    <!-- Icon drawable to use for the navigation button located at
         the start of the toolbar. -->
    <attr name="navigationIcon" format="reference" />
    <!-- Text to set as the content description for the navigation button
         located at the start of the toolbar. -->
    <attr name="navigationContentDescription" format="string" />
    <!-- Drawable to set as the logo that appears at the starting side of
         the Toolbar, just after the navigation button. -->
    <attr name="logo" />
    <!-- A content description string to describe the appearance of the
         associated logo image. -->
    <attr name="logoDescription" format="string" />
    <!-- A color to apply to the title string. -->
    <attr name="titleTextColor" format="color" />
    <!-- A color to apply to the subtitle string. -->
    <attr name="subtitleTextColor" format="color" />
</declare-styleable>
ответил Stimsoni 13 +03002015-10-13T04:05:45+03:00312015bEurope/MoscowTue, 13 Oct 2015 04:05:45 +0300 2015, 04:05:45
0

Самый простой способ изменить Toolbar цвет заголовка с помощью in CollapsingToolbarLayout

Добавьте ниже стили в CollapsingToolbarLayout

<android.support.design.widget.CollapsingToolbarLayout
        app:collapsedTitleTextAppearance="@style/CollapsedAppBar"
        app:expandedTitleTextAppearance="@style/ExpandedAppBar">

styles.xml

<style name="ExpandedAppBar" parent="@android:style/TextAppearance">
        <item name="android:textSize">24sp</item>
        <item name="android:textColor">@android:color/black</item>
        <item name="android:textAppearance">@style/TextAppearance.Lato.Bold</item>
    </style>

    <style name="CollapsedAppBar" parent="@android:style/TextAppearance">
        <item name="android:textColor">@android:color/black</item>
        <item name="android:textAppearance">@style/TextAppearance.Lato.Bold</item>
    </style>
ответил Poras Bhardwaj 21 AMpFri, 21 Apr 2017 09:55:57 +030055Friday 2017, 09:55:57
0

Это сработало для меня

<android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="?attr/colorPrimary"
    android:fitsSystemWindows="true"
    android:minHeight="?attr/actionBarSize"
    app:navigationIcon="@drawable/ic_back"
    app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
    app:subtitleTextColor="@color/white"
    app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
    app:title="This week stats"
    app:titleTextColor="@color/white">


    <ImageView
        android:id="@+id/submitEditNote"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentEnd="true"
        android:layout_alignParentRight="true"
        android:layout_gravity="right"
        android:layout_marginRight="10dp"
        android:src="@android:drawable/ic_menu_manage" />
</android.support.v7.widget.Toolbar>
ответил Hitesh Sahu 19 J0000006Europe/Moscow 2016, 11:16:17
0

Создайте панель инструментов в своем xml ... toolbar.xml:

<android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"

    </android.support.v7.widget.Toolbar>

Затем добавьте следующее в ваш toolbar.xml:

app:titleTextColor="@color/colorText"
app:title="@string/app_name">

Remeber @ color /colorText - это просто ваш файл color.xml с атрибутом цвета с именем colorText и вашим цветом. Это лучший способ вызывать ваши строки, а не жестко кодировать ваш цвет внутри вашего toolbar.xml. У вас также есть другие варианты для изменения текста, такие как: textAppearance ... и т. Д. ... просто введите app: text ... и intelisense предложит вам варианты в Android Studio.

Ваша последняя панель инструментов должна выглядеть так:

 <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:layout_weight="1"
        android:background="?attr/colorPrimary"
        app:layout_scrollFlags="scroll|enterAlways"
        app:popupTheme="@style/Theme.AppCompat"
       app:subtitleTextAppearance="@drawable/icon"
        app:title="@string/app_name">
    </android.support.v7.widget.Toolbar>

Примечание: эта панель инструментов должна находиться внутри вашего activity_main.xml.Easy Peasie

Другой вариант - сделать все это в своем классе:

Toolbar toolbar = findViewById(R.id.toolbar);
setSupportActionBar(toolbar);
toolbar.setTitleTextColor(Color.WHITE);

Удачи

ответил RileyManda 20 12017vEurope/Moscow11bEurope/MoscowMon, 20 Nov 2017 15:31:35 +0300 2017, 15:31:35
0

Для изменения цвета

<android.support.v7.widget.Toolbar
    android:id="@+id/toolbar"
    android:layout_height="wrap_content"
    android:layout_width="match_parent"
    android:background="?attr/colorPrimary"

/>

Toolbar myToolbar = (Toolbar) findViewById(R.id.toolbar);
        myToolbar.setTitleTextColor(ContextCompat.getColor(getApplicationContext(), R.color.Auth_Background));
        setSupportActionBar(myToolbar);
ответил RileyManda 20 12017vEurope/Moscow11bEurope/MoscowMon, 20 Nov 2017 15:31:35 +0300 2017, 15:31:35
0
<?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="wrap_content"
          xmlns:app="http://schemas.android.com/apk/res-auto">

<android.support.v7.widget.Toolbar
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:titleTextColor="@color/white"
    android:background="@color/green" />

ответил Vipin Sharma 26 Jpm1000000pmTue, 26 Jan 2016 17:51:10 +030016 2016, 17:51:10
0
public class MyToolbar extends android.support.v7.widget.Toolbar {

public MyToolbar(Context context, @Nullable AttributeSet attrs) {
    super(context, attrs);
}

@Override
protected void onLayout(boolean changed, int l, int t, int r, int b) {
    super.onLayout(changed, l, t, r, b);
    AppCompatTextView textView = (AppCompatTextView) getChildAt(0);
    if (textView!=null) textView.setTextAppearance(getContext(), R.style.TitleStyle);
}

}

Или простое использование из MainActivity.

Toolbar toolbar = (Toolbar) findViewById(R.id.toolbarMain);
setSupportActionBar(toolbar);
((AppCompatTextView) toolbar.getChildAt(0)).setTextAppearance(this, R.style.TitleStyle);

style.xml

<style name="TileStyle" parent="TextAppearance.AppCompat">
    <item name="android:textColor">@color/White</item>
    <item name="android:shadowColor">@color/Black</item>
    <item name="android:shadowDx">-1</item>
    <item name="android:shadowDy">1</item>
    <item name="android:shadowRadius">1</item>
</style>
ответил IQ.feature 17 Jpm1000000pmWed, 17 Jan 2018 18:37:08 +030018 2018, 18:37:08
0

Сделайте это с toolbar.setTitleTextAppearance(context, R.style.TitleTextStyle);

//это стиль, в котором вы можете настроить цветовую схему

 <style name="TitleTextStyle" parent="@android:style/TextAppearance.Holo.Widget.ActionBar.Title">
    <item name="android:fontFamily">@string/you_font_family</item>
    <item name="android:textStyle">normal</item>
    <item name="android:textAppearance">@style/you_text_style</item>
    <item name="android:textColor">#000000</item>
    <item name="android:textSize">20sp</item>
</style>
ответил shaby 24 +03002018-10-24T10:36:02+03:00312018bEurope/MoscowWed, 24 Oct 2018 10:36:02 +0300 2018, 10:36:02

Похожие вопросы

Популярные теги

security × 330linux × 316macos × 2827 × 268performance × 244command-line × 241sql-server × 235joomla-3.x × 222java × 189c++ × 186windows × 180cisco × 168bash × 158c# × 142gmail × 139arduino-uno × 139javascript × 134ssh × 133seo × 132mysql × 132