如何为Maui Blazor Hybrid应用TabbedPage的ToolbarItem设置背景与文字颜色
如何修改MAUI Blazor Hybrid中TabbedPage的ToolbarItem背景色与文字颜色
我正尝试修改Maui Blazor Hybrid应用TabbedPage中ToolbarItem的背景色与文字颜色。当前未使用Shell,项目Resources文件夹也未生成默认的Styles.xaml,且通过NavigationPage来调用MainPage。
我曾尝试在App.xaml中设置样式,但在Windows、iOS、Android等设备上均未生效;也试过使用CssClass设置颜色,同样没有效果。
现有代码片段
App.xaml.cs代码:
var navigationPage = new NavigationPage(new MainPage(nameof(Weather))); MainPage = navigationPage;
MainPage中TabbedPage的代码片段:
<NavigationPage.TitleView> <Label Text="Sample Title Goes Here!" StyleClass="NavigationTitle"/> </NavigationPage.TitleView> <TabbedPage.ToolbarItems> <ToolbarItem Text="ToolbarItem Order1" Priority="1" Order="Primary" /> <ToolbarItem Text="{Binding LoginText}" Priority="4" Order="Secondary" Command="{Binding LoginCommand}" /> </TabbedPage.ToolbarItems>
App.xaml中的样式代码片段:
<Style TargetType="ToolbarItem"> <Setter Property="Shell.BackgroundColor" Value="pink"/> </Style>
注: ToolbarItem本身没有颜色属性,因此尝试使用Shell.BackgroundColor,同时也试过将目标类型设为TabbedPage和NavigationPage,但均未生效。
Windows平台下的应用截图显示,下拉菜单中的“Login”文字为白色,无法修改颜色。
内容的提问来源于stack exchange,提问作者Krishie
相关产品推荐
相关产品推荐

