web-dev-qa-db-ja.com

XAMLでToolBarItemの色を変更する

アプリにtoolbaritemを追加しましたが、背景とテキストの色を変更する方法がわかりません。

<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>

これが私が変えたいものです。白いテキストの黒いメニューは、そのbgの色とテキストの色を変更したいです。これを達成する方法はありますか？

enter image description here

xamlxamarin.androidxamarin.formsmobile-development
6
user4857063

@Gerald Versluisが提案したように、これはAndroidスタイリングで実行できます。

まず、styles.xmlファイルはResourcesのvaluesフォルダーの下にありますAndroidプロジェクト：

enter image description here

このファイル内で、このファイルを開いて、次のようなメニューのスタイルを作成できます。

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

次に、AndroidプロジェクトでToolbar.axmlを開きます

enter image description here

Toolbarのapp:popupThemeを次のように変更します。

app:popupTheme="@style/AppToolbarTheme"

更新：

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" />
6
Grace Feng

解決策を見つけました： https://forums.xamarin.com/discussion/40529/toolbaritem-textcolor

「styles.xml」に簡単に追加：

<item name="Android:actionMenuTextColor"> @color/orange </item>

私はそれを探すのに何時間も費やしました。

8
Guillermo Daniel Arias

これは私のために働いた

styles.xml

<item name="Android:actionMenuTextColor">#000080</item>

0
Victor Hugo Terceros

最初のアイテムのテキストを変更するには編集Android:themeAndroid:theme="@style/ThemeOverlay.AppCompat.Light"またはAndroid:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"2番目のアイテムのテキスト編集popupThemeの場合

0
Etnic