Uwp 如何更改NavigationViewItem中的字体颜色(前景)?
您将看到我正在创建一个UWP应用程序,我正在使用(NavigationView)作为主菜单,在NavigationViewItem中,我已设法更改背景、选择行等,但我无法更改字体颜色 样本截图 我的xaml代码:Uwp 如何更改NavigationViewItem中的字体颜色(前景)?,uwp,uwp-xaml,Uwp,Uwp Xaml,您将看到我正在创建一个UWP应用程序,我正在使用(NavigationView)作为主菜单,在NavigationViewItem中,我已设法更改背景、选择行等,但我无法更改字体颜色 样本截图 我的xaml代码: <NavigationView Grid.Row="1" x:Name="nvSample" PaneDisplayMode="Top" SelectionChanged="NvSample_SelectionChanged" IsSettings
<NavigationView Grid.Row="1" x:Name="nvSample" PaneDisplayMode="Top" SelectionChanged="NvSample_SelectionChanged"
IsSettingsVisible="True" IsBackButtonVisible="Collapsed">
<NavigationView.MenuItems>
<NavigationViewItem Content="Menu Item1" Tag="Home_Page" HorizontalAlignment="Stretch" Height="38" Margin="12,0,0,0" VerticalAlignment="Stretch" />
<NavigationViewItem Content="Instalpage" Tag="Install_Page" />
<NavigationViewItem Content="Menu Item3" Tag="SamplePage3" />
<NavigationViewItem Content="Menu Item4" Tag="SamplePage4" />
</NavigationView.MenuItems>
<Frame x:Name="contentFrame" >
<Frame.ContentTransitions>
<TransitionCollection>
<NavigationThemeTransition>
<DrillInNavigationTransitionInfo />
</NavigationThemeTransition>
</TransitionCollection>
</Frame.ContentTransitions>
</Frame>
<NavigationView.PaneFooter>
<StackPanel Orientation="Horizontal">
<!--<NavigationViewItem Icon="SelectAll" Content="Select all" Foreground="White" />
<NavigationViewItem Icon="Help" Content="Help" />-->
</StackPanel>
</NavigationView.PaneFooter>
</NavigationView>
但是我不能改变字体的颜色
您可以使用TextBlock
控件作为NavigationViewItem的内容,然后可以为TextBlock控件设置前台
属性
请参阅以下代码示例以供参考:
<NavigationView Grid.Row="1" x:Name="nvSample" PaneDisplayMode="Top"
IsSettingsVisible="True" IsBackButtonVisible="Collapsed">
<NavigationView.MenuItems>
<NavigationViewItem Tag="Home_Page" HorizontalAlignment="Stretch" Height="38" Margin="12,0,0,0" VerticalAlignment="Stretch">
<NavigationViewItem.Content>
<TextBlock Text="Menu Item1" Foreground="Red"></TextBlock>
</NavigationViewItem.Content>
</NavigationViewItem>
<NavigationViewItem Content="Instalpage" Tag="Install_Page" />
<NavigationViewItem Content="Menu Item3" Tag="SamplePage3" />
<NavigationViewItem Content="Menu Item4" Tag="SamplePage4" />
</NavigationView.MenuItems>
<Frame x:Name="contentFrame" >
<Frame.ContentTransitions>
<TransitionCollection>
<NavigationThemeTransition>
<DrillInNavigationTransitionInfo />
</NavigationThemeTransition>
</TransitionCollection>
</Frame.ContentTransitions>
</Frame>
<NavigationView.PaneFooter>
<StackPanel Orientation="Horizontal">
<!--<NavigationViewItem Icon="SelectAll" Content="Select all" Foreground="White" />
<NavigationViewItem Icon="Help" Content="Help" />-->
</StackPanel>
</NavigationView.PaneFooter>
</NavigationView>
但是我不能改变字体的颜色
您可以使用TextBlock
控件作为NavigationViewItem的内容,然后可以为TextBlock控件设置前台
属性
请参阅以下代码示例以供参考:
<NavigationView Grid.Row="1" x:Name="nvSample" PaneDisplayMode="Top"
IsSettingsVisible="True" IsBackButtonVisible="Collapsed">
<NavigationView.MenuItems>
<NavigationViewItem Tag="Home_Page" HorizontalAlignment="Stretch" Height="38" Margin="12,0,0,0" VerticalAlignment="Stretch">
<NavigationViewItem.Content>
<TextBlock Text="Menu Item1" Foreground="Red"></TextBlock>
</NavigationViewItem.Content>
</NavigationViewItem>
<NavigationViewItem Content="Instalpage" Tag="Install_Page" />
<NavigationViewItem Content="Menu Item3" Tag="SamplePage3" />
<NavigationViewItem Content="Menu Item4" Tag="SamplePage4" />
</NavigationView.MenuItems>
<Frame x:Name="contentFrame" >
<Frame.ContentTransitions>
<TransitionCollection>
<NavigationThemeTransition>
<DrillInNavigationTransitionInfo />
</NavigationThemeTransition>
</TransitionCollection>
</Frame.ContentTransitions>
</Frame>
<NavigationView.PaneFooter>
<StackPanel Orientation="Horizontal">
<!--<NavigationViewItem Icon="SelectAll" Content="Select all" Foreground="White" />
<NavigationViewItem Icon="Help" Content="Help" />-->
</StackPanel>
</NavigationView.PaneFooter>
</NavigationView>
NavigationViewItem确实有一个名为前台的属性,它对我很有用
<NavigationView.MenuItems>
<NavigationViewItem Content="Menu Item1" Foreground="Black" Tag="Home_Page" Height="38" HorizontalAlignment="Stretch" Margin="0,0,0,0" VerticalAlignment="Stretch" />
<NavigationViewItem Content="Instalpage" Foreground="Black" Tag="Install_Page" />
<NavigationViewItem Content="Menu Item3" Foreground="Black" Tag="SamplePage3" />
<NavigationViewItem Content="Menu Item4" Foreground="Black" Tag="SamplePage4" />
</NavigationView.MenuItems>
NavigationViewItem确实有一个名为前台的属性,它对我很有用
<NavigationView.MenuItems>
<NavigationViewItem Content="Menu Item1" Foreground="Black" Tag="Home_Page" Height="38" HorizontalAlignment="Stretch" Margin="0,0,0,0" VerticalAlignment="Stretch" />
<NavigationViewItem Content="Instalpage" Foreground="Black" Tag="Install_Page" />
<NavigationViewItem Content="Menu Item3" Foreground="Black" Tag="SamplePage3" />
<NavigationViewItem Content="Menu Item4" Foreground="Black" Tag="SamplePage4" />
</NavigationView.MenuItems>