Changer la couleur de ToolbarItem en XAML

Question

J'ai ajouté un ToolbarItem dans mon application, mais je ne vois pas un moyen de changer sa couleur d'arrière-plan et le texte.

<ContentPage.ToolbarItems> 

    <ToolbarItem Text="About" 
       Icon="ic_action_more_vert.png" 
       Priority="0" 
       Order="Secondary" 
       Clicked="ToolbarItem_Clicked"/> 

    <ToolbarItem Text="Settings" 
       Icon="ic_action_more_vert.png" 
       Priority="0" 
       Order="Secondary"/> 

</ContentPage.ToolbarItems> 

C'est ce que j'aimerais changer. Le menu noir avec le texte blanc, veulent changer cette couleur bg et la couleur du texte. Une idée de comment y parvenir?

Answer 1

Comme suggéré @Gerald Versluis, vous pouvez le faire par le style Android.

Tout d'abord vous pouvez trouver le fichier styles.xml dans le dossier des valeurs de Resources dans le projet Android:

A l'intérieur de ce fichier, vous pouvez ouvrir ce fichier et créer un style pour votre menu comme ceci:

<style name="AppToolbarTheme" parent="Theme.AppCompat.NoActionBar"> 
    <item name="android:colorBackground">#2196F3</item> 
    <item name="android:textColor">#000080</item> 
</style> 

Ensuite, ouvrez le Toolbar.axml dans le projet Android

et changer le app:popupTheme de Toolbar comme ceci:

app:popupTheme="@style/AppToolbarTheme" 

Mise à jour:

Voici le code de Toolbar:

<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="?attr/actionBarSize" 
    android:minHeight="?attr/actionBarSize" 
    android:background="?attr/colorPrimary" 
    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" 
    app:popupTheme="@style/AppToolbarTheme" />