このチャプターの目次
コントロールの配置・設定
ツールボックスのButton
とCheckBox
を2つずつ、画面デザイナーのStackPanel
にドラッグ&ドロップします。
StackPanel
に余白10
を設定します。
Button
を以下のように編集します。
アプリのアクセントカラーをOS指定のアクセントカラーに設定するボタン
<Button x:Name="SystemColorButton"
Content="システムのアクセントカラー"
Style="{StaticResource AccentButtonStyle}" />
アプリのアクセントカラーを緑に設定するボタン
<Button x:Name="GreenColorButton"
Content="緑のアクセントカラー" />
CheckBox
を以下のように編集します。
<CheckBox Content="CheckBox1"
IsChecked="True" />
<CheckBox Content="CheckBox2" />
CheckBox
の下に<ui:RadioButtons>
を追加します。
RadioButtons
の中にRadioButton
を2つ作ります。
<RadioButton Content="ラジオボタン1"
IsChecked="True" />
<RadioButton Content="ラジオボタン2" />
メニューのビルド
> ソリューションのリビルド
を実行します。
ロジックの記述
SystemColorButton
のClick
時の処理を書きます。
UI.ThemeManager.Current.AccentColor = null;
GreenColorButton
のClick
時の処理を書きます。
UI.ThemeManager.Current.AccentColor = Colors.Green;
実行
実行してみます。
OSで指定されたアクセントカラーが使われています。
緑のアクセントカラー
ボタンを押してみます。
アプリのアクセントカラーが緑に変わりました。
OSのアクセントカラーを変更します。アプリ側は緑固定にしているので変わりません。
システムのアクセントカラー
ボタンを押します。
アプリの方に反映されました。
さらにOSのアクセントカラーを変更してみます。
アプリ側はシステムのアクセントカラーを使うようにしたので反映されました。