it-swarm.com.ru

Изменить дизайн материала AppCompat ActionBar Color

Раньше я менял цвет строки состояния AppCompat с помощью actionBarStyle и создавал стиль с фоном того цвета, который мне нужен.

Теперь с Material Design AppCompat этот метод больше не работает.

Вы можете мне помочь? Благодарю.

27
user3184899

Существует новый атрибут colorPrimary, который вы можете определить в своей теме. Это даст вам ActionBar или панель инструментов сплошного цвета. 

Следующий небольшой пример:

<style name="AppTheme" parent="Theme.AppCompat.Light">
    <!-- colorPrimary is used for the default action bar background -->
    <item name="colorPrimary">@color/my_action_bar_color</item>
</style>

Обратите внимание: Это должно быть только colorPrimary, а не Android:colorPrimary, в каждой папке значений, кроме values-v21.

Вы можете прочитать больше о настройке цветовой палитры на developer.Android.com .

90
reVerse

В моем случае у @reVerse был частичный ответ. Мне пришлось внести некоторые дополнительные изменения, чтобы заставить colorPrimary работать, потому что я настраивал другие части панели инструментов ... в частности, цвет текста.

Вот мой рабочий файл styles.xml с комментариями, указывающими, что я делал неправильно:

<!-- As @reVerse mentioned, you need to use colorPrimary instead of Android:colorPrimary -->
<style name="MyTheme" parent="Theme.AppCompat.Light.DarkActionBar">
    <item name="colorPrimary">@color/my_toolbar_color</item>
</style>

<!-- I was incorrectly using @style/Theme.AppCompat.Light for the popupTheme attribute -->
<style name="MyToolbarStyle" parent="Widget.AppCompat.ActionBar">
    <item name="theme">@style/MyToolbarTextStyle</item>
    <item name="popupTheme">@style/ThemeOverlay.AppCompat.Light</item>
</style>

<!-- I was incorrectly using Them.AppCompat.Light for the parent here -->
<style name="MyToolbarTextStyle" parent="ThemeOverlay.AppCompat.Dark.ActionBar">
    <item name="Android:textColorPrimary">@color/my_toolbar_text_color</item>
</style>

Поэтому при настройке не только цвета фона панели инструментов необходимо обязательно использовать одну из тем ThemeOverlay или, по какой-либо причине, colorPrimary будет игнорироваться.

Для полноты, вот файл макета, который я использую для своей панели инструментов, Toolbar.xml:

<Android.support.v7.widget.Toolbar
    xmlns:Android="http://schemas.Android.com/apk/res/Android"
    xmlns:app="http://schmeas.Android.com/apk/res-auto"
    style="@style/MyToolbarStyle"
    Android:layout_width="match_parent"
    Android:layout_height="wrap_content" />

Надеюсь, это кому-нибудь поможет!

3
Justin

Инструкции в документации для настройки панели приложения рекомендуем установить тему в файле манифеста Android следующим образом:

<application
    Android:theme="@style/Theme.AppCompat.Light.NoActionBar"
    />

Однако, по моему опыту, это переопределило стиль colorPrimary, настроенный для пользовательской темы AppTheme. То, что работало для меня, должно было определить пользовательскую тему как это:

<style name="AppTheme" parent="Theme.AppCompat.NoActionBar">
    <!-- Customize your theme here. -->
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>
</style>

А затем использовать эту тему в файле AndroidManifest.

<application
    Android:theme="@style/AppTheme"
    />

После этого настройка цвета фона панели инструментов в упражнении на основе colorPrimary работала нормально.

<Android.support.v7.widget.Toolbar
    Android:id="@+id/my_toolbar"
    Android:layout_width="match_parent"
    Android:layout_height="?attr/actionBarSize"
    Android:background="?attr/colorPrimary"
    Android:elevation="4dp"
    Android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
    app:popupTheme="@style/ThemeOverlay.AppCompat.Light" />

(Установка ThemeOverlay с темной темой гарантирует, что текст будет светлым.)

0
Suragch
   <style name="AppTheme" parent="Theme.AppCompat.Light">

        <item name="colorPrimary">@color/ColorPrimary</item>
        <item name="colorPrimaryDark">@color/ColorPrimaryDark</item>
        <!-- Customize your theme here. -->
    </style>

Также смотрите: Создание пользовательских ActionBar

0
Half Moon