【C#】XAMLのStyleを一括で設定する方法【WPF】

XAMLにおいて、各コントロールにまとめてスタイルを設定することで楽にGUIの体裁をそろえることができます。コントロール毎で記載する方法よりもコードが見やすく、管理も楽なので基本的にはこの方法を使用しましょう。

Styleをまとめて一括設定するメリット
Styleを一括設定するサンプル

Styleをまとめて一括設定するメリット

Styleをまとめて設定するには、<Window.Resources/>を用います。

一か所にまとめて記載できるので、各コントロール毎に設定するのに比べて以下のメリットがあります。

XAMLのコード量が減る(GUIパーツが多ければ多いほど)
GUIの体裁を整えやすい
GUIの体裁を把握しやすい

またx:Keyを使用することで、指定したコントロールだけにスタイルを反映させることもできます。

Styleを一括設定するサンプル

以下XAMLを作成しました。

2つのTextBlock用スタイルを記載してます。

<!--  ここにまとめて記載  -->
<Window.Resources>
    <!--スタイル 1 -->
    <Style TargetType="TextBlock">
        <Setter Property="Margin" Value="10" />
        <Setter Property="Foreground" Value="Blue" />
    </Style>
    <!--スタイル 2 -->
    <Style x:Key="style2_key" TargetType="TextBlock">
        <Setter Property="FontSize" Value="20" />
    </Style>
</Window.Resources>
    
<Grid>
    <StackPanel Orientation="Vertical" >
        <Label Content="★スタイル 1 - - - - -" />
        <TextBlock Text="Styleテスト用TextBlock" />
        <TextBlock Text="Styleテスト用TextBlock" />

        <Label Content="★スタイル 2 - - - - -" />
        <TextBlock Text="Styleテスト用TextBlock" Style="{StaticResource style2_key}"/>
        <TextBlock Text="Styleテスト用TextBlock" Style="{StaticResource style2_key}" Foreground="Blue"/>

    </StackPanel>
 </Grid>

表示されるGUIは以下の通り。