タブは既定で 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; }