Xaml 垂直放置选项卡控件

如何制作Silverlight

TabControl

垂直排列选项卡？

TabControl格式（右对齐和垂直文本）

---

确保已安装silverlight toolkit，然后使用旋转布局旋转选项卡标题

<UserControl xmlns:controls=”clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls” 
x:Class=”SilverlightApplication18.MainPage”
xmlns=”http://schemas.microsoft.com/winfx/2006/xaml/presentation“
xmlns:x=”http://schemas.microsoft.com/winfx/2006/xaml“
xmlns:toolkit=”clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Layout.Toolkit”            
Width=”400″ Height=”300″>
<Grid x:Name=”LayoutRoot” Background=”White”>
    <controls:TabControl Margin=”10″ TabStripPlacement=”Left”>
        <controls:TabItem  >
            <controls:TabItem.Header>
                <toolkit:LayoutTransformer >
                    <TextBlock Text=”Tab1″/>
                    <toolkit:LayoutTransformer.LayoutTransform>
                        <RotateTransform Angle=”-90″></RotateTransform>
                    </toolkit:LayoutTransformer.LayoutTransform>
                </toolkit:LayoutTransformer>
            </controls:TabItem.Header>
            <TextBlock  Margin=”10″ Text=”some content in Tab1″/>               
        </controls:TabItem>

相关文章是

<UserControl xmlns:controls=”clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls” 
x:Class=”SilverlightApplication18.MainPage”
xmlns=”http://schemas.microsoft.com/winfx/2006/xaml/presentation“
xmlns:x=”http://schemas.microsoft.com/winfx/2006/xaml“
xmlns:toolkit=”clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Layout.Toolkit”            
Width=”400″ Height=”300″>
<Grid x:Name=”LayoutRoot” Background=”White”>
    <controls:TabControl Margin=”10″ TabStripPlacement=”Left”>
        <controls:TabItem  >
            <controls:TabItem.Header>
                <toolkit:LayoutTransformer >
                    <TextBlock Text=”Tab1″/>
                    <toolkit:LayoutTransformer.LayoutTransform>
                        <RotateTransform Angle=”-90″></RotateTransform>
                    </toolkit:LayoutTransformer.LayoutTransform>
                </toolkit:LayoutTransformer>
            </controls:TabItem.Header>
            <TextBlock  Margin=”10″ Text=”some content in Tab1″/>               
        </controls:TabItem>

+--+------------------------------
|l |
|a |
|c |
|i |
|t |
|r |
|e |
|v |
+--+
|
|
+--------------------------------