内容面板上的UWP XAML NavigationView - CornerRadius
提问于 2021-09-21 07:24:11
我是XAML的新手，我正在我的UWP应用程序中实现一个NavigationView控件。
一些细节：
- 2019
- Microsoft.UI.Xaml版本2.6.2 (已安装Nuget软件包)
UWP目标：
- 目标：通用窗口
- 目标版本： Windows 10,2004年版(10.0；Build 19041)
- Min版本： Windows 10秋季创建者更新(10.0；Build 16299)
我试图找到控制“内容”部分的左上角半径的属性或样式。我不想有一个圆角在那里，只是直接流到顶部，但我似乎找不到正确的方法来做到这一点。附上一张我所说的圆角的图片：内容框架。
下面是带有导航菜单的主页面的XAML：
<Page
x:Class="NavTest.MainPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:muxc="using:Microsoft.UI.Xaml.Controls"
xmlns:local="using:NavTest"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d">
<Grid>
<muxc:NavigationView x:Name="NavView" Background="Gray">
<muxc:NavigationView.MenuItems>
<muxc:NavigationViewItem Tag="home" Icon="Home" Content="Home"/>
<muxc:NavigationViewItemSeparator/>
<muxc:NavigationViewItemHeader x:Name="MainPagesHeader"
Content="Main pages"/>
<muxc:NavigationViewItem Tag="apps" Content="Apps">
<muxc:NavigationViewItem.Icon>
<FontIcon FontFamily="Segoe MDL2 Assets" Glyph=""/>
</muxc:NavigationViewItem.Icon>
</muxc:NavigationViewItem>
<muxc:NavigationViewItem Tag="games" Content="Games">
<muxc:NavigationViewItem.Icon>
<FontIcon FontFamily="Segoe MDL2 Assets" Glyph=""/>
</muxc:NavigationViewItem.Icon>
</muxc:NavigationViewItem>
<muxc:NavigationViewItem Tag="music" Icon="Audio" Content="Music"/>
</muxc:NavigationView.MenuItems>
</muxc:NavigationView>
</Grid>有人知道我如何控制导航菜单项的左上角半径，使其不被舍入吗？是否有可以重写或设置的样式属性？直接在CornerRadius上设置“NavigationView”属性似乎没有什么区别。
谢谢
回答 1
Stack Overflow用户
回答已采纳
发布于 2021-09-21 08:35:49
要更改控件的，您必须为控件创建自己的样式：
1: Visual中的右键单击您的项目并转到“设计中的混合.”
2:在混合打开后，您进入"Objects和Timeline“，右键单击您的NavigationView，它显示在列表中。在右键菜单中，您可以转到“编辑模板”，然后从那里转到“编辑副本”。
3: --一个小窗口弹出，您现在可以输入样式的名称。
4: Visual现在将为您的NavigationView创建一个自定义样式，您可以自定义控件中的每一个小东西。
5:你应该完成。如果不起作用，给我写个评论吧！
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/69271582
复制相关文章
点击加载更多
腾讯云开发者
