コマンドボタン
このサンプルは次のXAMLを使用しています。
<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
<Button x:Name="btnBack" Content="戻る" HorizontalAlignment="Left" Height="55" Margin="116,63,0,0" VerticalAlignment="Top" Width="162" FontSize="20" Background="#FFFF9A9A" Click="btnBack_Click" FontFamily="Global User Interface"/>
<CommandBar x:Name="commandbar"
HorizontalAlignment="Left"
Height="115"
Margin="0,653,0,0"
VerticalAlignment="Top"
Width="1366"
IsOpen="True">
<AppBarButton x:Name="add" Icon="Add" Label="追加" Click="add_Click" />
<AppBarButton x:Name="edit" Icon="Edit" Label="編集" Click="edit_Click" />
<AppBarButton x:Name="clear" Icon="Clear" Label="クリア" Click="clear_Click" />
<AppBarButton x:Name="save" Icon="Save" Label="保存" Click="save_Click" />
<AppBarButton x:Name="del" Icon="Delete" Label="削除" Click="del_Click" />
<CommandBar.SecondaryCommands>
<AppBarButton x:Name="help" Icon="Help" Label="ヘルプ"/>
<AppBarButton x:Name="mail" Icon="Mail" Label="メール"/>
<AppBarButton x:Name="accept" Icon="Accept" Label="受諾"/>
<AppBarButton x:Name="cancel" Icon="Cancel" Label="キャンセル"/>
</CommandBar.SecondaryCommands>
</CommandBar>
</Grid>
CommandBarコントロールをドラッグし画面に追加します。
IsOpenプロパティの値をTrueにします。
上記のXAMLのようにコマンドバーに追加するボタンを
実装します。
「SecondaryCommands」を使用すると右側にコマンドボタンを
配置できます。
| 名称 | 内容 | | Add | 追加 | | Edit | 編集 | | Clear | クリア | | Save | 保存 | | Delete | 削除 | | Mail | ヘルプ | | Accept | メール | | Canel | アクセプトボタン |
テストとしてコマンドボタンのいくつかにイベントを追加しています。
ヘッダファイルです。
起動後の画面です。
|
|