在XAML中更改ToolBarItem的颜色

时间:2017-07-26 09:53:16

标签: xaml xamarin.android xamarin.forms mobile-development

我在我的应用中添加了一个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

4 个答案:

答案 0 :(得分:4)

正如@Gerald Versluis建议的那样,你可以通过Android造型来做到这一点。

首先,您可以在Android项目的styles.xml的values文件夹下找到Resources文件:

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

并更改app:popupTheme的{​​{1}},如下所示:

Toolbar

<强>更新

以下是app:popupTheme="@style/AppToolbarTheme" 的代码:

Toolbar

答案 1 :(得分:3)

我找到了一个解决方案:https://forums.xamarin.com/discussion/40529/toolbaritem-textcolor

简单地添加到“styles.xml”:

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

我花了好几个小时寻找它..

答案 2 :(得分:1)

这对我有用

styles.xml

library(lme4) library(robustlmm) library(ggplot2) fit <- rlmer(Reaction ~ Days + (Days|Subject), sleepstudy) # Q-Q versus residuals QQ1 <- plot.rlmerMod(fit, which=2) QQ1[[1]]+ stat_qq_line(aes(sample=resid(fit))) # Q-Q versus RE RE <- getME(fit,name = c("u")) QQ2 <- plot.rlmerMod(fit, which=3) QQ2[[1]]+ stat_qq_line(aes(sample=RE2))

答案 3 :(得分:0)

要更改第一项文本,请^XA ^MMT ^PW639 ^LL0320 ^LS0 ^FO192,128^GFA,01792,01792,00028,:Z64: eJzt0jFOAzEQBdCxXLjzXsBarjEFYq/kdBRRAhfIebYcxAE4ArMXQKZzgdaMhygOiSKElAKkHRe70iu88/8CLPMfhuUARnmLJhmSJ4L/laFJ9uGS2fHqFuzo4NQ6wtgRBBccbMwLul2zIWEckpopj69489ZsmzFus5otTzMO895K4XyLMa/By7jnKeH9phkHjBy+DCbG2B9sIo8r7tU6eCdM/eE+NfJqHlaE3HaYyqwmnxKuZgQ/mkQ9nhmD7lDtdAdmr7tXk92p7S62z8xmkyUzwvXdUdYfmrX8SkmyppZ17ShrR9WkI/rWUcfabTXpllq3yyzzV+cTr8C3dA==:ED50 ^PQ1,0,1,Y^XZ android:themeandroid:theme="@style/ThemeOverlay.AppCompat.Light"进行第二项文本的编辑popupTheme