FC2ブログ

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

【Material Design Toolkit】 RadioButtonのスタイル

 Material Design Toolkitが提供しているRadioButtonのスタイルは色違いのバリエーションがあるだけで実質1種類です。
<StackPanel>
    <RadioButton Content="MaterialDesignRadioButton" Style="{StaticResource MaterialDesignRadioButton}" GroupName="1"/>
    <RadioButton Content="MaterialDesignLightRadioButton" Style="{StaticResource MaterialDesignLightRadioButton}" GroupName="2"/>
    <StackPanel Background="Gray">
        <RadioButton Content="MaterialDesignDarkRadioButton" Style="{StaticResource MaterialDesignDarkRadioButton}" GroupName="3"/>
    </StackPanel>
    <RadioButton Content="MaterialDesignAccentRadioButton" Style="{StaticResource MaterialDesignAccentRadioButton}" GroupName="4"/>
</StackPanel>
 見た目は以下の様になります。
MaterialDesignRadioButton.png
 見ての通り色の違いがあるだけです。
 MaterialDesignDarkRadioButtonはDarkテーマ使用時に使われるスタイルのため文字の色が白になります。そのため、サンプルコードではStackPanelにGrayを指定しています。
 テーマがLightの場合はMaterialDesignRadioButtonが、Darkの場合はMaterialDesignDarkRadioButtonがデフォルトスタイルとして使用されます。
 その為通常はStyleを指定せずに使用できます。
 RadioButtonにLightカラー又はアクセントカラーを使用したい時のみ対応するスタイルを指定すればよいと思います。
スポンサーサイト

テーマ : プログラミング
ジャンル : コンピュータ

コメントの投稿

非公開コメント

カレンダー
11 | 2018/12 | 01
- - - - - - 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 - - - - -
全記事表示リンク

全ての記事を表示する

カテゴリ
タグリスト

月別アーカイブ
11  09  08  07  06  05  04  03  02  01  12  11  10  09  08  07  06  04  03  02  01  12  11  10  09  08  07  06  05  04  03  02  01  12  11  10  09 
最新記事
リンク
最新コメント
検索フォーム
Amazon
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。