2017-10-24 18 views
0

私はNavigationViewMenuをしようとしていると私はUWP XAML NavigationView MenuItemsで動的アイテムと静的アイテムを混在させるには?

  • 静的ホームアイテム

  • 静的ヘッダー項目

  • としてDBから

  • 動的要素を次のようにメニューがレイアウトさ必要

  • 静的ヘッダー

  • staticアイテムのセット

これは私が試したものです: `

 <NavigationViewItemSeparator /> 
     <NavigationViewItemHeader Content="My Stuff"> 
      <NavigationViewItemHeader.Foreground> 
       <SolidColorBrush Color="{ThemeResource SystemBaseHighColor}"></SolidColorBrush> 
      </NavigationViewItemHeader.Foreground> 
     </NavigationViewItemHeader> 

     <NavigationViewList ItemsSource="{x:Bind MyStuff}"> 
      <NavigationViewList.ItemTemplate> 
       <DataTemplate x:DataType="local:MyModel"> 
        <NavigationViewItem Icon="Pictures" Content="{x:Bind Name }" Tag="{x:Bind Tag }" /> 
       </DataTemplate> 
      </NavigationViewList.ItemTemplate> 
     </NavigationViewList> 

     <!--<NavigationViewItem Icon="Pictures" Content="Woop" Tag="foos"/> 
     <NavigationViewItem Icon="Pictures" Content="Doop" Tag="foos"/> 
     <NavigationViewItem Icon="Pictures" Content="Loop" Tag="foos"/>--> 

     <NavigationViewItemHeader Content="Other Stuff"> 
      <NavigationViewItemHeader.Foreground> 
       <SolidColorBrush Color="{ThemeResource SystemBaseHighColor}"></SolidColorBrush> 
      </NavigationViewItemHeader.Foreground> 
     </NavigationViewItemHeader> 
     <NavigationViewItem Icon="Pictures" Content="Foos" Tag="foos"/> 
     <NavigationViewItem Icon="ContactInfo" Content="Bars" Tag="bars"/> 
     <NavigationViewItem Icon="SwitchApps" Content="Bazes" Tag="bazes"/> 
     <NavigationViewItem Icon="SelectAll" Content="Kazes" Tag="kaz"/> 
     <NavigationViewItem Icon="Shuffle" Content="Dases" Tag="das"/> 

    </NavigationView.MenuItems> 

` これは私が持っているものです:

enter image description here

これは何をであるI欲しかった:

enter image description here

UWPのXAMLにAngularの*ngForと同じようなものがありますか?

+0

MyStuffに1つの要素だけを置くことはできますか? NavigationListViewで高さをハードコーディングしても正しく表示されますか? –

答えて

1

私はそれを再現できます。 NavigationViewListは、NavigationView.MenuItemに自分自身を配置するときに、1つの項目のスペースしか取らないようです。これは、ListViewをListViewItemに入れるのと同じです。この動作を変更するには、アイテムの動作を自分で変更する必要があります。しかし、調査した後、NavigationViewListのカスタマイズは現在私たちのためにブラックボックスになっているようです。私が考えることができる唯一の方法は、splitviewとアクリルの助けを借りて独自のNavigationViewを構築することです。

+0

私はおそらくこれと一緒に行くだろう、リストビューとボタン付きのアクリル容器のように見えるが、手間がかかるにもかかわらず、NavigationViewのクールな引き込みが失われ、 – Felype

関連する問題