トグルボタン
このサンプルは次のXAMLを使用しています。
<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
<Button x:Name="btnBack" Content="戻る" HorizontalAlignment="Left" Height="55" Margin="97,63,0,0" VerticalAlignment="Top" Width="162" FontSize="20" Background="#FFFF9A9A" Click="btnBack_Click" FontFamily="Global User Interface"/>
<ToggleButton x:Name="tgl1" Content="" HorizontalAlignment="Left" Margin="97,172,0,0" VerticalAlignment="Top" Width="237" Height="54" FontSize="20" Checked="tgl1_Checked" Unchecked="tgl1_Unchecked"/>
<TextBox x:Name="txt1" HorizontalAlignment="Left" Height="49" Margin="100,251,0,0" TextWrapping="Wrap" Text="" VerticalAlignment="Top" Width="461" FontSize="20"/>
</Grid>
トグルボタンのチェックのON/OFFは
CheckedイベントおよびUncheckedイベントで
処理をしています。
トグルボタンをタップするとCheckイベントが実行されます。
トグルボタンの表示文字列はContentプロパティに設定します。
背景色はBackgroundプロパティに設定します。
トグルボタンの表示上は「OFF」で背景が青色となります。
ヘッダファイルです。
起動後の画面です。
まだ、タップしていないのでトグルボタンには
文字列が表示されていません。
|
|