I am writing a UWP app that has a NavigationView
containing NavigationViewItemHeader
s:
<NavigationView.MenuItems>
<NavigationViewItem Content="Home" Tag="home">
<NavigationViewItem.Icon>
<FontIcon Glyph=""/>
</NavigationViewItem.Icon>
</NavigationViewItem>
<NavigationViewItemSeparator/>
<NavigationViewItemHeader x:Name="ThemesHeading" Content="Themes"/>
<NavigationViewItem Content="Themes" Tag="themes">
<NavigationViewItem.Icon>
<FontIcon Glyph=""/>
</NavigationViewItem.Icon>
</NavigationViewItem>
(等等)
However when I collapse the view, the headers get clipped:
我应该怎么做才能防止这种情况发生?
解决方案1
增加项目标题的左边距:
<NavigationViewItemHeader Content="Themes" Margin="33,0,0,0"/>
...
<NavigationViewItemHeader Content="Builds" Margin="33,0,0,0"/>
解决方案2
禁用紧凑和扩展显示模式NavigationView
通过设置CompactModeThresholdWidth
and ExpandedModeThresholdWidth
到一些大数字:
<NavigationView CompactModeThresholdWidth="100000" ExpandedModeThresholdWidth="100000">
解决方案3
绑定Visibility
项目标题的属性IsPaneOpen
的财产NavigationView
正如 André B 建议的那样,仅使用x:Bind
代替Binding
因为它不需要转换器:
<NavigationView Name="MyNavigationView">
...
<NavigationViewItemHeader Content="Themes" Visibility="{x:Bind MyNavigationView.IsPaneOpen, Mode=OneWay}"/>
...
<NavigationViewItemHeader Content="Builds" Visibility="{x:Bind MyNavigationView.IsPaneOpen, Mode=OneWay}"/>
...
</NavigationView>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)