UWP XAML导航视图-内容面板上的角半径

mzillmmw  于 2023-03-21  发布在  其他
关注(0)|答案(1)|浏览(150)

我是XAML的新手,正在UWP应用程序中实现NavigationView控件。

部分详细信息:

  • 可视化工作室2019
  • Microsoft.UI.Xaml版本2.6.2(已安装Nuget软件包)
    UWP目标:
    ***目标:**通用窗口
    ***目标版本:**Windows 10 2004版(10. 0;构建版本19041)
    ***最低版本:**Windows 10秋季创作者更新(10.0;构建版本16299)

我试图找到控制“内容”部分的左上角半径的属性或样式。我不想在那里有一个圆角,而只是直接流到顶部,但我似乎找不到正确的方法来做到这一点。附件是我所说的圆角的图片:content frame .
下面是我的主页和导航菜单的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="&#xEB3C;"/>
                </muxc:NavigationViewItem.Icon>
            </muxc:NavigationViewItem>
            <muxc:NavigationViewItem Tag="games" Content="Games">
                <muxc:NavigationViewItem.Icon>
                    <FontIcon FontFamily="Segoe MDL2 Assets" Glyph="&#xE7FC;"/>
                </muxc:NavigationViewItem.Icon>
            </muxc:NavigationViewItem>
            <muxc:NavigationViewItem Tag="music" Icon="Audio" Content="Music"/>
        </muxc:NavigationView.MenuItems>
    </muxc:NavigationView>
</Grid>

有人知道如何控制导航菜单内容项的左上角半径,使其不圆吗?有没有可以覆盖或设置的样式属性?直接在NavigationView上设置“CornerRadius”属性似乎没有任何区别。
谢谢

j1dl9f46

j1dl9f461#

要更改CornerRadius,您必须为控件创建自己的样式:
**1:**在Visual Studio中右键单击项目,然后转到“混合设计...”
**2:**Blend打开后,你进入“对象和时间轴”,右键点击你的NavigationView,它会出现在列表中。在右键菜单中,你进入“编辑模板”,然后从那里进入“编辑副本”。
**3:**弹出一个小窗口,现在可以输入样式名称。
**4:**Visual studio现在将为您的NavigationView创建自定义样式,您可以自定义控件的每一个细节。
**5:**你应该完成了。如果它不起作用,给我写评论!

相关问题