UWP更改NavigationViewItem高度

时间:2017-12-12 16:00:58

标签: uwp windows-10-universal uwp-xaml navigationview fluent-design

Comparison image

在上图中,您可以看到我的应用程序(左)和Groove Player(右)。我想让NavigationViewItem的高度像Groove Player一样大,但我不知道如何。我试过玩Padding和MinHeight,但看起来并不一样。

我想对AutoSuggestBox和Settings按钮做同样的事情,它们是NavigationView的一部分。

    <NavigationView x:Name="navView" IsSettingsVisible="True">
        <NavigationView.AutoSuggestBox>
            <AutoSuggestBox QueryIcon="Find" PlaceholderText="Search"></AutoSuggestBox>
        </NavigationView.AutoSuggestBox>

        <NavigationView.MenuItems>
            <NavigationViewItem x:Name="button1" Icon="Favorite" Content="Button 1" Tapped="Button1_Tapped"/>
            <NavigationViewItem x:Name="button2" Icon="Save" Content="Button 2" Tapped="Button2_Tapped"/>
        </NavigationView.MenuItems>
    </NavigationView>

1 个答案:

答案 0 :(得分:0)

  

UWP更改NavigationViewItem高度

根据您的要求,您可以修改NavigationViewItem模板。右键单击xaml designer中的NavigationViewItem - &gt;编辑模板 - &gt;编辑副本。

enter image description here

如果您想更改NavigationViewItem高度,可以修改LayoutRoot高度。然后相应地修改SelectionIndicator高度。

<Grid x:Name="LayoutRoot" Background="{TemplateBinding Background}" Height="50" Control.IsTemplateFocusTarget="True">
 ......
<Rectangle x:Name="SelectionIndicator" Fill="{ThemeResource NavigationViewSelectionIndicatorForeground}" Height="40" Opacity="0.0" Width="6"/>