タブの配置方法を設定する

スポンサーリンク

タブは既定で TabContorol の上部に配置されます。

この配置位置を変更するには、TabControl の TabStripPlacement プロパティを設定します。

TabPlacement プロパティには、下記に示す Dock 列挙体の値を指定します。

 

Dock 列挙体 メンバ名説明 Left タブをTabControlの左側に配置する Top タブをTabControlの上側に配置する Right タブをTabControlの右側に配置する Bottom タブをTabControlの下側に配置する

下記は、タブの配置方法を設定する例です。

「上」「右」「下」「左」と書かれたラジオボタンコントロールをクリックすると、タブの配置が変更されます。

タブの配置を設定する例

XAMLの例

<StackPanel>
    <StackPanel Orientation="Horizontal">
        <RadioButton Name="radioButton1" Content="上" Margin="5" />
        <RadioButton Name="radioButton2" Content="右" Margin="5" />
        <RadioButton Name="radioButton3" Content="下" Margin="5" />
        <RadioButton Name="radioButton4" Content="左" Margin="5" />
    </StackPanel>
    <!-- Top を指定してタブを上に配置する-->
    <TabControl Name="TabControl1" TabStripPlacement="Top" Height="240">        
        <TabItem Header="TabItem1" Name="TabItem1">
            <Grid />
        </TabItem>
        <TabItem Header="TabItem2" Name="TabItem2">
            <Grid />
        </TabItem>
        <TabItem Header="TabItem3" Name="TabItem3">
            <Grid />
        </TabItem>
    </TabControl>
</StackPanel>

VBの例

' タブヘッダーを上に配置する
Private Sub radioButton1_Checked(ByVal sender As System.Object, ByVal e As System.Windows.RoutedEventArgs) Handles radioButton1.Checked
    TabControl1.TabStripPlacement = Dock.Top
End Sub


' タブヘッダーを右に配置する
Private Sub radioButton2_Checked(ByVal sender As System.Object, ByVal e As System.Windows.RoutedEventArgs) Handles radioButton2.Checked
    TabControl1.TabStripPlacement = Dock.Right
End Sub


' タブヘッダーを下に配置する
Private Sub radioButton3_Checked(ByVal sender As System.Object, ByVal e As System.Windows.RoutedEventArgs) Handles radioButton3.Checked
    TabControl1.TabStripPlacement = Dock.Bottom
End Sub


' タブヘッダーを左に配置する
Private Sub radioButton4_Checked(ByVal sender As System.Object, ByVal e As System.Windows.RoutedEventArgs) Handles radioButton4.Checked
    TabControl1.TabStripPlacement = Dock.Left
End Sub

C#の例

// タブヘッダーを上に配置する
private void radioButton1_Checked(object sender, RoutedEventArgs e)
{
    tabControl1.TabStripPlacement = Dock.Top;
}


// タブヘッダーを右に配置する
private void radioButton2_Checked(object sender, RoutedEventArgs e)
{
    tabControl1.TabStripPlacement = Dock.Right;
}


// タブヘッダーを下に配置する
private void radioButton3_Checked(object sender, RoutedEventArgs e)
{
    tabControl1.TabStripPlacement = Dock.Bottom;
}


// タブヘッダーを左に配置する
private void radioButton4_Checked(object sender, RoutedEventArgs e)
{
    tabControl1.TabStripPlacement = Dock.Left;
}
タイトルとURLをコピーしました