アプリバーに複数の項目を追加するには

StackPanelを追加する

複数の項目を表示するにはPanelを継承するコントロールの上でないと複数項目を置くことができません。

アプリバーを選択した状態でツールボックスからStackPanelをドラッグアンドドロップします。

9

 

StackPanelのOrientationプロパティをHorizontalにしましょう。

<AppBar>

<StackPanel Orientation="Horizontal">

</StackPanel>

</AppBar>

 

あとは同じようにAppBarButtonなどをドラッグアンドドロップすれば複数項目を表示することができます。

10

 

セパレータで区切る

AppBarSeparatorを追加するとそこで項目を視覚的に区切ることが可能です。

11

 

<AppBarButton HorizontalAlignment="Stretch" Label="AppBarButton" VerticalAlignment="Stretch">
<AppBarButton.Icon>
<SymbolIcon/>
</AppBarButton.Icon>

</AppBarButton>
<AppBarSeparator Height="100" Width="100"/>
<AppBarButton HorizontalAlignment="Stretch" Label="AppBarButton" VerticalAlignment="Stretch">
<AppBarButton.Icon>
<SymbolIcon/>
</AppBarButton.Icon>
</AppBarButton>

 

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください