[WPF][TabControl] 背景色をカスタマイズする

TabControl

2023.12.11

概要
構文
1. XAML
2. C#
使用例
1. XAMLの例
2. コードビハインドの例

概要

TabControlコントロールは、ヘッダー付きのページを複数作成できる便利なコントロールです。画面のエリアに対して、配置する必要のあるコントロールが多い場合や、グループ分けして入力させたい場合に使用します。

タブの背景色をカスタマイズするには、TabControlのBackgroundプロパティを活用します。

構文

背景色は Backgroundプロパティで設定します。

XAML

<TabControl Background="Color">
    <TabItem Header="Tab1">
        <TextBlock>Tab 1 Content</TextBlock>
    </TabItem>
    <TabItem Header="Tab2">
        <TextBlock>Tab 2 Content</TextBlock>
    </TabItem>
</TabControl>

C#

TabControl tabControl = new TabControl(); 
tabControl.Background = new SolidColorBrush(Colors.Color);

使用例

この例では、TabControlの背景色をLightBlueに設定しています。これにより、TabControl全体が薄い青色の背景で表示されます。

XAMLでは、色の名前を直接文字列として指定します（例：Background=”LightBlue”）。一方、コードビハインドでは、SolidColorBrushオブジェクトを作成し、そのコンストラクタにColorsクラスの静的プロパティを指定します（例：new SolidColorBrush(Colors.LightBlue)）。

XAMLの例

<TabControl Background="LightBlue" Foreground="DarkRed">
    <TabItem Header="Tab 1">
        <TextBlock>Tab 1 Content</TextBlock>
    </TabItem>
    <TabItem Header="Tab 2">
        <TextBlock>Tab 2 Content</TextBlock>
    </TabItem>
</TabControl>

コードビハインドの例

TabControl tabControl = new TabControl(); 
tabControl.Background = new SolidColorBrush(Colors.LightBlue);

TabItem tabItem1 = new TabItem(); tabItem1.Header = "Tab 1";
tabItem1.Content = new TextBlock() { Text = "Tab 1 Content" };
tabControl.Items.Add(tabItem1);