UWP変更NavigationViewItem高さ上の画像を

Question

、あなたは私のアプリ（左）とGroove選手（右）を参照することができます。 Groove PlayerのようにNavigationViewItemの高さを大きくしたいのですが、どうすればよいか分かりません。私はPaddingとMinHeightで試してみましたが、同じようには見えません。

NavigationViewの一部であるAutoSuggestBoxと設定ボタンで同じことをしたいと思います。あなたの条件のために

<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> 

Answer 1

UWP変更NavigationViewItem高さ

、あなたはNavigationViewItemテンプレートを編集することができます。 xamlデザイナーで[NavigationViewItem]を右クリックし、[テンプレートの編集]、[コピーの編集]の順にクリックします。

あなたが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"/>