Changer de couleur dans la barre d'outils AppCompat 21

? user2410644 @ | Original: StackOverFlow

Je teste les nouvelles fonctionnalités AppCompat 21 Matériel de conception . Ce est pourquoi je ai créé une barre d'outils comme ceci:

<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/activity_my_toolbar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:minHeight="?attr/actionBarSize"
android:background="?attr/colorPrimary"
app:theme="@style/ThemeOverlay.AppCompat.ActionBar"/>

et inclus dans mon fichier principal de mise en page .

Ensuite, je ai mis comme supportActionBar comme ça :

Toolbar toolBar = (Toolbar)findViewById(R.id.activity_my_toolbar);
setSupportActionBar(toolBar);

Ça marche, mais de toute façon je ne peux pas tout à fait comprendre comment personnaliser la barre d'outils . Il est gris et le texte sur il est noir . Comment dois-je changer de fond et la couleur du texte ?

Je suis passé par ces instructions :

http://android-developers.blogspot.de/2014/10/appcompat-v21-material-design-for-pre.html

Qu'ai-je supervisé pour changer les couleurs ?

 <style name="AppTheme" parent="Theme.AppCompat.Light">
    <item name="android:windowActionBar" tools:ignore="NewApi">false</item>
    <item name="windowActionBar">false</item>
</style>

EDIT:

Je étais en mesure de changer la couleur de fond en ajoutant ces lignes de code pour le thème :

<item name="colorPrimary">@color/actionbar</item>
<item name="colorPrimaryDark">@color/actionbar_dark</item>

Mais ils ne affecteront pas la couleur du texte . Qu'est-ce que je suis absent ? Au lieu du texte noir et bouton de menu noir, je préfère préfère un texte blanc et boutons de menu blancs :

Changer de couleur dans la barre d'outils AppCompat 21



Top 5 Respuesta

1MrEngineer13 @

Ce est ce qui est connu comme un DarkActionBar qui signifie que vous devez utiliser le thème suivant pour obtenir votre style désiré :

<android.support.v7.widget.Toolbar  
    android:layout_height="wrap_content"
    android:layout_width="match_parent"
    android:minHeight="@dimen/triple_height_toolbar"
    app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
    app:popupTheme="@style/ThemeOverlay.AppCompat.Light" />


2tyczj @

ce est tout nouveau dans le lien que vous avez fourni

pour changer le texte en blanc tout ce que vous avez à faire est de changer le thème .

use this theme

<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/activity_my_toolbar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:minHeight="?attr/actionBarSize"
android:background="?attr/colorPrimary"
app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
    app:popupTheme="@style/ThemeOverlay.AppCompat.Light"/>
3Chris Cromer @

Vous pouvez changer la couleur du texte dans la barre d'outils avec ceux-ci:

<item name="android:textColorPrimary">#FFFFFF</item>
<item name="android:textColor">#FFFFFF</item>
4Gabriele Mariotti @

Vous pouvez utiliser un thème app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" comme suggéré dans d'autres réponses, mais vous pouvez également utiliser une solution comme ceci:

<android.support.v7.widget.Toolbar
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    style="@style/HeaderBar"
    app:theme="@style/ActionBarThemeOverlay"
    app:popupTheme="@style/ActionBarPopupThemeOverlay"/>

Et vous pouvez avoir le plein contrôle de vos éléments d'interface utilisateur avec ces styles :

<style name="ActionBarThemeOverlay" parent="">
    <item name="android:textColorPrimary">#fff</item>
    <item name="colorControlNormal">#fff</item>
    <item name="colorControlHighlight">#3fff</item>
</style>

<style name="HeaderBar">
    <item name="android:background">?colorPrimary</item>
</style>

<style name="ActionBarPopupThemeOverlay" parent="ThemeOverlay.AppCompat.Light" >
    <item name="android:background">@android:color/white</item>
    <item name="android:textColor">#000</item>
</style>
5Herry @

Hé si vous voulez appliquer le thème de Matériel pour seulement Android 5.0 vous pouvez ajouter ce thème il

<style name="AppHomeTheme" parent="@android:style/Theme.Material.Light">

        <!-- customize the color palette -->
        <item name="android:colorPrimary">@color/blue_dark_bg</item>
        <item name="android:colorPrimaryDark">@color/blue_status_bar</item>
        <item name="android:colorAccent">@color/blue_color_accent</item>
        <item name="android:textColor">@android:color/white</item>
        <item name="android:textColorPrimary">@android:color/white</item>
        <item name="android:actionMenuTextColor">@android:color/black</item>
    </style> 

Voici ci-dessous la ligne est responsable de la couleur de texte de ActionBar de la conception du matériel.

<item name="android:textColorPrimary">@android:color/white</item>