垂直放置 TabControl答案

【问题标题】：Placing TabControl vertically垂直放置 TabControl
【发布时间】：2011-04-29 13:12:38
【问题描述】：

如何让 Silverlight TabControl 垂直排列选项卡？

【问题讨论】：

标签： xaml silverlight controls silverlight-3.0

【解决方案1】：

确保您已安装 silverlight 工具包，然后使用旋转布局来转动标签页眉。

<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>

结果如下： !

可能是我无法上传图片，结果会是这样，但实际结果中所有文字都旋转了-90。

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