Вертикальный текст на выравнивании по правому краю TabControl

Question

Попытка отображения текста на каждой вкладке элемента управления вкладками по вертикали. Из-за того, что я никогда не набирался контроля, а что нет, я немного застрял. Найден некоторый код для отображения текста, как если бы он был повернут влево. Я бы хотел, чтобы он отображался так, как если бы он был повернут вправо (вертикально) на вкладке. Код скелета ниже:

Protected Sub OnDrawItem(ByVal sender As Object, ByVal e As DrawItemEventArgs) Handles TabControl1.DrawItem
    'MyBase.OnDrawItem(e)'
    Dim tc As TabControl = DirectCast(sender, TabControl)
    Dim g As Graphics = e.Graphics
    Dim rectf As RectangleF
    Dim isVertical As Boolean = (tc.Alignment > TabAlignment.Bottom)
    Dim off As Integer = 1 : If (e.State And sel) = sel Then off = -1
    Dim textFormat As New StringFormat(StringFormatFlags.NoClip _
                               Or StringFormatFlags.NoWrap)
    With textFormat
        .HotkeyPrefix = System.Drawing.Text.HotkeyPrefix.Show
        .Alignment = StringAlignment.Center
        .LineAlignment = StringAlignment.Center
    End With


    With e.Bounds
        If isVertical Then
            ' tabs are aligned left or right'
            If tc.Alignment = TabAlignment.Left Then
                Dim m As New System.Drawing.Drawing2D.Matrix
                m.Translate(0, .Height - tc.TabPages(0).Top)
                m.RotateAt(270, New PointF(.X, .Y))
                g.Transform = m
                rectf = New RectangleF(.Left - tc.TabPages(0).Top, .Top + off, _
                                       .Height, .Width)
            ElseIf tc.Alignment = TabAlignment.Right Then
                'Dim m As New System.Drawing.Drawing2D.Matrix'
                'm.Translate(0, .Height - tc.TabPages(0).Top)'
                'm.RotateAt(270, New PointF(.X, .Y))'
                'g.Transform = m'
                'rectf = New RectangleF(.Left - tc.TabPages(0).Top, .Top + off, _'
                '                       .Height, .Width)'
                ' Here is where the tab should go to rotate the text about 180 degrees'
            End If
        Else
            ' tabs are aligned top or bottom'
            rectf = New RectangleF(.X, .Y + off, .Width, .Height)
        End If
    End With


    Dim col As Color
    Select Case (e.State And notsf)
        Case DrawItemState.Disabled
            col = SystemColors.GrayText
        Case DrawItemState.HotLight
            col = SystemColors.HotTrack
        Case Else
            col = SystemColors.MenuText
    End Select


    g.DrawString(tc.TabPages(e.Index).Text, _
                 tc.Font, _
                 New SolidBrush(col), _
                 rectf, _
                 textFormat)

    If isVertical Then g.ResetTransform()

    If (e.State And selfoc) = selfoc Then
        ControlPaint.DrawFocusRectangle(g, _
                  [Rectangle].Inflate(e.Bounds, -1, -1))
    End If
    textFormat.Dispose()
End Sub 

Answer 1

Я не использую VB или WinForms, поэтому следующее не будет в коде и включает несколько догадок. Также трудно понять, что отличается от того, что вы хотите, из вашего описания без скриншота. Правильно ли я считаю, что вы хотите, чтобы текст заголовка вашей вкладки был повернут на 180 градусов в другую сторону, то есть «верх» текста с левой стороны вкладки или с правой стороны вкладки, какой бы она сейчас не была?

В ветке If tc.Alignment = TabAlignment.Right Then ... ваш текст вращается с помощью вызова RotateAt:

m.RotateAt(270, New PointF(.X, .Y))

и вы захотите изменить 270 на 90, чтобы текст вращался в другом направлении.

(Вы знакомы с настройкой таких матриц преобразования? Те же принципы применяются в программировании OpenGL или DirectX. Если нет, прокомментируйте, и я объясню / ссылка.)

Если вы просто сделаете это, скорее всего, текст не будет виден, потому что он будет вращаться вокруг растрового изображения, которое вы рисуете. Вам нужно будет перевести его так, чтобы начало текста было в правом углу. Вот тут-то и возникли догадки, о которых я упоминал выше: я не знаком с системой координат используемой графической структуры, поэтому не знаю, какие направления нужно перевести. Извините, я не могу дать вам рабочий код, но у меня просто нет Visual Studio и элемента управления .Net Winforms, с которым можно поэкспериментировать :) Я вижу, что вы уже что-то делаете здесь:

m.Translate(0, .Height - tc.TabPages(0).Top)

Полагаю, вам нужно изменить это, чтобы координата X (0) была .Width или .Width - [text height, calculate this], и вам также может понадобиться учитывать ширину текста в координате Y. («Высота» и «ширина» текста выглядят так, как будто текст рисуется горизонтально / нормально.) Я вполне уверен, что среда рисования .Net, вероятно, включает методы Graphics TextHeight(...) и TextWidth(...), а если нет по этим именам я уверен, что их легко найти :) TextRect() возможно?

(Если бы я сидел за вашим компьютером и пытался выяснить это с помощью догадок, я бы написал этот код, чтобы он поворачивал текст в середине большого растрового изображения, измените его так, чтобы он находился в верхнем левом углу окна. растровое изображение в нужном месте внутри прямоугольника размером с вкладку, а затем переместите код в метод рисования вкладок.Это избавит вас от необходимости иметь маленькую маленькую вкладку и запускать ее и делать «Где мой текст?», когда он невидим это нарисовано в неправильных координатах.)

Answer 2

Я предполагаю, что вы используете XAML, и это достижимо с помощью стилей

Добавьте эти стили:

    <!-- Simple Splitter Style -->
    <Style x:Key="SimpleSplitterStyle" TargetType="controls:GridSplitter">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="controls:GridSplitter">
                    <Grid x:Name="Root" IsHitTestVisible="{TemplateBinding IsEnabled}">
                        <Rectangle Fill="{TemplateBinding Background}" StrokeThickness="0"/>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <!-- Tab Item Header (Right) -->
    <Style x:Key="RightTabItemHeader" TargetType="ContentControl">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="ContentControl">
                    <ContentPresenter Cursor="{TemplateBinding Cursor}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" ContentTemplate="{TemplateBinding ContentTemplate}">
                        <layout:LayoutTransformer >
                            <layout:LayoutTransformer.LayoutTransform>
                                <RotateTransform Angle="90"/>
                            </layout:LayoutTransformer.LayoutTransform>
                            <ContentPresenter Margin="5,0,5,0" />
                        </layout:LayoutTransformer>
                    </ContentPresenter>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <!-- Tab Item Header (Left) -->
    <Style x:Key="LeftTabItemHeader" TargetType="ContentControl">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="ContentControl">
                    <ContentPresenter Cursor="{TemplateBinding Cursor}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" ContentTemplate="{TemplateBinding ContentTemplate}">
                        <layout:LayoutTransformer >
                            <layout:LayoutTransformer.LayoutTransform>
                                <RotateTransform Angle="-90"/>
                            </layout:LayoutTransformer.LayoutTransform>
                            <ContentPresenter Margin="5,0,5,0" />
                        </layout:LayoutTransformer>
                    </ContentPresenter>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <!-- Tab Item Style -->
    <Style x:Key="TabItemStyle" TargetType="controls:TabItem">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="controls:TabItem">
                    <Grid x:Name="Root">
                        <Grid x:Name="TemplateTopSelected" Visibility="Collapsed" Canvas.ZIndex="1">
                            <Border Margin="-2,-2,-2,0" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="1,1,1,0" CornerRadius="3,3,0,0">
                                <Border BorderBrush="#FFFFFFFF" BorderThickness="1" CornerRadius="1,1,0,0">
                                    <Border.Background>
                                        <LinearGradientBrush EndPoint=".7,1" StartPoint=".7,0">
                                            <GradientStop Color="#FFFFFFFF" Offset="0"/>
                                            <GradientStop Color="#F9FFFFFF" Offset="0.375"/>
                                            <GradientStop Color="#E5FFFFFF" Offset="0.625"/>
                                            <GradientStop Color="#C6FFFFFF" Offset="1"/>
                                        </LinearGradientBrush>
                                    </Border.Background>
                                    <Grid>
                                        <Rectangle Fill="#FFFFFFFF" Margin="0,0,0,-2"/>
                                        <ContentControl x:Name="HeaderTopSelected" FontSize="{TemplateBinding FontSize}" Foreground="{TemplateBinding Foreground}" IsTabStop="False" Cursor="{TemplateBinding Cursor}" HorizontalAlignment="{TemplateBinding HorizontalAlignment}" Margin="{TemplateBinding Padding}" VerticalAlignment="{TemplateBinding VerticalAlignment}"/>
                                    </Grid>
                                </Border>
                            </Border>
                            <Border x:Name="FocusVisualTop" Margin="-2,-2,-2,0" IsHitTestVisible="false" Visibility="Collapsed" BorderBrush="#FF6DBDD1" BorderThickness="1,1,1,0" CornerRadius="3,3,0,0"/>
                            <Border x:Name="DisabledVisualTopSelected" Margin="-2,-2,-2,0" IsHitTestVisible="false" Opacity="0" Background="#8CFFFFFF" CornerRadius="3,3,0,0"/>
                        </Grid>
                        <Grid x:Name="TemplateTopUnselected" Visibility="Collapsed">
                            <Border x:Name="BorderTop" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="1" CornerRadius="3,3,0,0">
                                <Border x:Name="GradientTop" BorderBrush="#FFFFFFFF" BorderThickness="1" CornerRadius="1,1,0,0">
                                    <Border.Background>
                                        <LinearGradientBrush EndPoint=".7,1" StartPoint=".7,0">
                                            <GradientStop Color="#FFFFFFFF" Offset="0"/>
                                            <GradientStop Color="#F9FFFFFF" Offset="0.375"/>
                                            <GradientStop Color="#E5FFFFFF" Offset="0.625"/>
                                            <GradientStop Color="#C6FFFFFF" Offset="1"/>
                                        </LinearGradientBrush>
                                    </Border.Background>
                                    <Grid>
                                        <ContentControl x:Name="HeaderTopUnselected" FontSize="{TemplateBinding FontSize}" Foreground="{TemplateBinding Foreground}" IsTabStop="False" Cursor="{TemplateBinding Cursor}" HorizontalAlignment="{TemplateBinding HorizontalAlignment}" Margin="{TemplateBinding Padding}" VerticalAlignment="{TemplateBinding VerticalAlignment}"/>
                                    </Grid>
                                </Border>
                            </Border>
                            <Border x:Name="DisabledVisualTopUnSelected" IsHitTestVisible="false" Opacity="0" Background="#8CFFFFFF" CornerRadius="3,3,0,0"/>
                        </Grid>
                        <Grid x:Name="TemplateBottomSelected" Visibility="Collapsed" Canvas.ZIndex="1">
                            <Border Margin="-2,0,-2,-2" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="1,0,1,1" CornerRadius="0,0,3,3">
                                <Border BorderBrush="#FFFFFFFF" BorderThickness="1" CornerRadius="0,0,1,1">
                                    <Border.Background>
                                        <LinearGradientBrush EndPoint=".7,1" StartPoint=".7,0">
                                            <GradientStop Color="#FFFFFFFF" Offset="0"/>
                                            <GradientStop Color="#F9FFFFFF" Offset="0.375"/>
                                            <GradientStop Color="#E5FFFFFF" Offset="0.625"/>
                                            <GradientStop Color="#C6FFFFFF" Offset="1"/>
                                        </LinearGradientBrush>
                                    </Border.Background>
                                    <Grid>
                                        <Rectangle Fill="#FFFFFFFF" Margin="0,-2,0,0"/>
                                        <ContentControl x:Name="HeaderBottomSelected" FontSize="{TemplateBinding FontSize}" Foreground="{TemplateBinding Foreground}" IsTabStop="False" Cursor="{TemplateBinding Cursor}" HorizontalAlignment="{TemplateBinding HorizontalAlignment}" Margin="{TemplateBinding Padding}" VerticalAlignment="{TemplateBinding VerticalAlignment}"/>
                                    </Grid>
                                </Border>
                            </Border>
                            <Border x:Name="FocusVisualBottom" Margin="-2,0,-2,-2" IsHitTestVisible="false" Visibility="Collapsed" BorderBrush="#FF6DBDD1" BorderThickness="1,0,1,1" CornerRadius="0,0,3,3"/>
                            <Border x:Name="DisabledVisualBottomSelected" Margin="-2,0,-2,-2" IsHitTestVisible="false" Opacity="0" Background="#8CFFFFFF" CornerRadius="0,0,3,3"/>
                        </Grid>
                        <Grid x:Name="TemplateBottomUnselected" Visibility="Collapsed">
                            <Border x:Name="BorderBottom" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="1" CornerRadius="0,0,3,3">
                                <Border x:Name="GradientBottom" BorderBrush="#FFFFFFFF" BorderThickness="1" CornerRadius="0,0,1,1">
                                    <Border.Background>
                                        <LinearGradientBrush EndPoint=".7,1" StartPoint=".7,0">
                                            <GradientStop Color="#FFFFFFFF" Offset="0"/>
                                            <GradientStop Color="#F9FFFFFF" Offset="0.375"/>
                                            <GradientStop Color="#E5FFFFFF" Offset="0.625"/>
                                            <GradientStop Color="#C6FFFFFF" Offset="1"/>
                                        </LinearGradientBrush>
                                    </Border.Background>
                                    <Grid>
                                        <ContentControl x:Name="HeaderBottomUnselected" FontSize="{TemplateBinding FontSize}" Foreground="{TemplateBinding Foreground}" IsTabStop="False" Cursor="{TemplateBinding Cursor}" HorizontalAlignment="{TemplateBinding HorizontalAlignment}" Margin="{TemplateBinding Padding}" VerticalAlignment="{TemplateBinding VerticalAlignment}"/>
                                    </Grid>
                                </Border>
                            </Border>
                            <Border x:Name="DisabledVisualBottomUnSelected" IsHitTestVisible="false" Opacity="0" Background="#8CFFFFFF" CornerRadius="0,0,3,3"/>
                        </Grid>
                        <Grid x:Name="TemplateLeftSelected" Visibility="Collapsed" Canvas.ZIndex="1">
                            <Border Margin="-2,-2,0,-2" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="1,1,0,1" CornerRadius="3,0,0,3">
                                <Border BorderBrush="#FFFFFFFF" BorderThickness="1" CornerRadius="1,0,0,1">
                                    <Border.Background>
                                        <LinearGradientBrush EndPoint=".7,1" StartPoint=".7,0">
                                            <GradientStop Color="#FFFFFFFF" Offset="0"/>
                                            <GradientStop Color="#F9FFFFFF" Offset="0.375"/>
                                            <GradientStop Color="#E5FFFFFF" Offset="0.625"/>
                                            <GradientStop Color="#C6FFFFFF" Offset="1"/>
                                        </LinearGradientBrush>
                                    </Border.Background>
                                    <Grid>
                                        <Rectangle Fill="#FFFFFFFF" Margin="0,0,-2,0"/>
                                        <ContentControl x:Name="HeaderLeftSelected" FontSize="{TemplateBinding FontSize}" Foreground="{TemplateBinding Foreground}" IsTabStop="False" Cursor="{TemplateBinding Cursor}" HorizontalAlignment="{TemplateBinding HorizontalAlignment}" Margin="{TemplateBinding Padding}" VerticalAlignment="{TemplateBinding VerticalAlignment}" Style="{StaticResource LeftTabItemHeader}"/>
                                    </Grid>
                                </Border>
                            </Border>
                            <Border x:Name="FocusVisualLeft" Margin="-2,-2,0,-2" IsHitTestVisible="false" Visibility="Collapsed" BorderBrush="#FF6DBDD1" BorderThickness="1,1,0,1" CornerRadius="3,0,0,3"/>
                            <Border x:Name="DisabledVisualLeftSelected" Margin="-2,-2,0,-2" IsHitTestVisible="false" Opacity="0" Background="#8CFFFFFF" CornerRadius="3,0,0,3"/>
                        </Grid>
                        <Grid x:Name="TemplateLeftUnselected" Visibility="Collapsed">
                            <Border x:Name="BorderLeft" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="3,0,0,3">
                                <Border x:Name="GradientLeft" BorderBrush="#FFFFFFFF" BorderThickness="1" CornerRadius="1,0,0,1">
                                    <Border.Background>
                                        <LinearGradientBrush EndPoint=".7,1" StartPoint=".7,0">
                                            <GradientStop Color="#FFFFFFFF" Offset="0"/>
                                            <GradientStop Color="#F9FFFFFF" Offset="0.375"/>
                                            <GradientStop Color="#E5FFFFFF" Offset="0.625"/>
                                            <GradientStop Color="#C6FFFFFF" Offset="1"/>
                                        </LinearGradientBrush>
                                    </Border.Background>
                                    <Grid>
                                        <ContentControl x:Name="HeaderLeftUnselected" FontSize="{TemplateBinding FontSize}" Foreground="{TemplateBinding Foreground}" IsTabStop="False" Cursor="{TemplateBinding Cursor}" HorizontalAlignment="{TemplateBinding HorizontalAlignment}" Margin="{TemplateBinding Padding}" VerticalAlignment="{TemplateBinding VerticalAlignment}" Style="{StaticResource LeftTabItemHeader}"/>
                                    </Grid>
                                </Border>
                            </Border>
                            <Border x:Name="DisabledVisualLeftUnSelected" IsHitTestVisible="false" Opacity="0" Background="#8CFFFFFF" CornerRadius="3,0,0,3"/>
                        </Grid>
                        <Grid x:Name="TemplateRightSelected" Visibility="Collapsed" Canvas.ZIndex="1">
                            <Border Margin="0,-2,-2,-2" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="0,1,1,1" CornerRadius="0,3,3,0">
                                <Border BorderBrush="#FFFFFFFF" BorderThickness="1" CornerRadius="0,1,1,0">
                                    <Border.Background>
                                        <LinearGradientBrush EndPoint=".7,1" StartPoint=".7,0">
                                            <GradientStop Color="#FFFFFFFF" Offset="0"/>
                                            <GradientStop Color="#F9FFFFFF" Offset="0.375"/>
                                            <GradientStop Color="#E5FFFFFF" Offset="0.625"/>
                                            <GradientStop Color="#C6FFFFFF" Offset="1"/>
                                        </LinearGradientBrush>
                                    </Border.Background>
                                    <Grid>
                                        <Rectangle Fill="#FFFFFFFF" Margin="-2,0,0,0"/>
                                        <ContentControl x:Name="HeaderRightSelected" FontSize="{TemplateBinding FontSize}" Foreground="{TemplateBinding Foreground}" IsTabStop="False" Cursor="{TemplateBinding Cursor}" HorizontalAlignment="{TemplateBinding HorizontalAlignment}" Margin="{TemplateBinding Padding}" VerticalAlignment="{TemplateBinding VerticalAlignment}" Style="{StaticResource RightTabItemHeader}"/>
                                    </Grid>
                                </Border>
                            </Border>
                            <Border x:Name="FocusVisualRight" Margin="0,-2,-2,-2" IsHitTestVisible="false" Visibility="Collapsed" BorderBrush="#FF6DBDD1" BorderThickness="0,1,1,1" CornerRadius="0,3,3,0"/>
                            <Border x:Name="DisabledVisualRightSelected" Margin="0,-2,-2,-2" IsHitTestVisible="false" Opacity="0" Background="#8CFFFFFF" CornerRadius="0,3,3,0"/>
                        </Grid>
                        <Grid x:Name="TemplateRightUnselected" Visibility="Collapsed">
                            <Border x:Name="BorderRight" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="1" CornerRadius="0,3,3,0">
                                <Border x:Name="GradientRight" BorderBrush="#FFFFFFFF" BorderThickness="1" CornerRadius="0,1,1,0">
                                    <Border.Background>
                                        <LinearGradientBrush EndPoint=".7,1" StartPoint=".7,0">
                                            <GradientStop Color="#FFFFFFFF" Offset="0"/>
                                            <GradientStop Color="#F9FFFFFF" Offset="0.375"/>
                                            <GradientStop Color="#E5FFFFFF" Offset="0.625"/>
                                            <GradientStop Color="#C6FFFFFF" Offset="1"/>
                                        </LinearGradientBrush>
                                    </Border.Background>
                                    <Grid>
                                        <ContentControl x:Name="HeaderRightUnselected" FontSize="{TemplateBinding FontSize}" Foreground="{TemplateBinding Foreground}" IsTabStop="False" Cursor="{TemplateBinding Cursor}" HorizontalAlignment="{TemplateBinding HorizontalAlignment}" Margin="{TemplateBinding Padding}" VerticalAlignment="{TemplateBinding VerticalAlignment}" Style="{StaticResource RightTabItemHeader}"/>
                                    </Grid>
                                </Border>
                            </Border>
                            <Border x:Name="DisabledVisualRightUnSelected" IsHitTestVisible="false" Opacity="0" Background="#8CFFFFFF" CornerRadius="0,3,3,0"/>
                        </Grid>
                        <Border x:Name="FocusVisualElement" Margin="-1" IsHitTestVisible="false" Visibility="Collapsed" BorderBrush="#FF6DBDD1" BorderThickness="1" CornerRadius="3,3,0,0"/>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

И затем вы можете назначить это каждому элементу вкладки:

            <controls:TabControl TabStripPlacement="Right" Margin="4">
            <controls:TabItem Header="First" Style="{StaticResource TabItemStyle}">
                <controls:TreeView>
                    <controls:TreeViewItem Header="Parent 1" />
                    <controls:TreeViewItem Header="Parent 2">
                        <controls:TreeViewItem Header="Child 1">
                            <controls:TreeViewItem Header="Grandchild 1" />
                        </controls:TreeViewItem>
                    </controls:TreeViewItem>
                    <controls:TreeViewItem Header="Parent 3">
                        <controls:TreeViewItem Header="Child 1">
                            <controls:TreeViewItem Header="Grandchild 1" />
                            <controls:TreeViewItem Header="Grandchild 2" />
                        </controls:TreeViewItem>
                    </controls:TreeViewItem>
                </controls:TreeView>
            </controls:TabItem>
            <controls:TabItem Header="Second" Style="{StaticResource TabItemStyle}">
                <controls:TreeView>
                    <controls:TreeViewItem Header="Parent 1" />
                    <controls:TreeViewItem Header="Parent 2">
                        <controls:TreeViewItem Header="Child 1">
                            <controls:TreeViewItem Header="Grandchild 1" />
                        </controls:TreeViewItem>
                    </controls:TreeViewItem>
                    <controls:TreeViewItem Header="Parent 3">
                        <controls:TreeViewItem Header="Child 1">
                            <controls:TreeViewItem Header="Grandchild 1" />
                            <controls:TreeViewItem Header="Grandchild 2" />
                        </controls:TreeViewItem>
                    </controls:TreeViewItem>
                    <controls:TreeViewItem Header="Parent 4">
                        <controls:TreeViewItem Header="Child 1">
                            <controls:TreeViewItem Header="Grandchild 1" />
                            <controls:TreeViewItem Header="Grandchild 2" />
                            <controls:TreeViewItem Header="Grandchild 3" />
                            <controls:TreeViewItem Header="Grandchild 4" />
                            <controls:TreeViewItem Header="Grandchild 5" />
                            <controls:TreeViewItem Header="Grandchild 6" />
                            <controls:TreeViewItem Header="Grandchild 7" />
                            <controls:TreeViewItem Header="Grandchild 8" />
                        </controls:TreeViewItem>
                    </controls:TreeViewItem>
                </controls:TreeView>
            </controls:TabItem>
        </controls:TabControl>

Теперь вы можете поменять сверху / снизу / справа / слева, и текст станет вертикальным справа / слева. В этом примере я оставил только верх и низ, но это должно дать вам много идей о том, как управлять этими вкладками.