スイッチトグル
このサンプルは次の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"/>
<ToggleSwitch x:Name="switch1" Header="ToggleSwitch" HorizontalAlignment="Left" Margin="121,158,0,0" VerticalAlignment="Top" FontSize="20" Toggled="switch1_Toggled"/>
<TextBox x:Name="txt1" HorizontalAlignment="Left" Margin="119,264,0,0" TextWrapping="Wrap" Text="" VerticalAlignment="Top" Width="216" FontSize="20"/>
<ToggleSwitch x:Name="switch2" Header="見出しです" HorizontalAlignment="Left" Margin="409,158,0,0" VerticalAlignment="Top" FontSize="20" Toggled="switch2_Toggled" OffContent="停止" OnContent="開始"/>
<TextBox x:Name="txt2" HorizontalAlignment="Left" Margin="415,264,0,0" TextWrapping="Wrap" Text="" VerticalAlignment="Top" Width="216" FontSize="20"/>
</Grid>
トグルスイッチのイベントではToggledを使用しています。
トグルスイッチがONの状態では「IsOn」をtrueで判定しています。
そしてOFFをfalseで判定しています。
ヘッダファイルです。
起動画面とトグルスイッチのスイッチを切り替えした画面です。
|
|