WPF ScrollBar：同一个模板中的水平和垂直滚动条？

Question

我需要重新模板化 ScrollBar，以便只需要一个 Template，而不是单独的水平和垂直模板。设计者的断言是 ScrollBar 可以在 Trigger 上旋转（方向 = 水平），并且可以在按钮上交换命令。

由于单个 Template 设置为包含行的 Grid，因此水平 ScrollBar 在旋转时会卡在视图的中心，仅显示左按钮和右按钮。这似乎是因为中心*行的高度是轨道区域的高度，所以它不会拉伸。在 Trigger 中绑定到父 ScrollViewer ActualWidth 之类的高度会导致通常的堆栈溢出。

有什么想法吗？我认为所有示例都有单独的水平和垂直模板是有原因的。

Answer 1

没关系。我想通了：

            <Trigger Property="Orientation" Value="Horizontal">

            <!-- Rotate the ScrollBar from Vertical to Horizontal -->
            <Setter Property="LayoutTransform" TargetName="gLayoutRoot">
                <Setter.Value>
                    <RotateTransform Angle="90"/>
                </Setter.Value>
            </Setter>

            <!-- Change Track Orientation back to Vertical -->
            <Setter TargetName="PART_Track" Property="Orientation" Value="Vertical"/>
            <Setter TargetName="PART_Track" Property="IsDirectionReversed" Value="false"/>

            <!-- Change the commands to do Horizontal commands -->
            <Setter Property="Command" Value="ScrollBar.LineRightCommand" TargetName="DecreaseRepeat"/>
            <Setter Property="Command" Value="ScrollBar.LineLeftCommand" TargetName="IncreaseRepeat"/>
            <Setter Property="Command" Value="ScrollBar.PageLeftCommand" TargetName="PageDown"/>
            <Setter Property="Command" Value="ScrollBar.PageRightCommand" TargetName="PageUp"/>

        </Trigger>

然后在样式中将所有内容设置为“拉伸”或“自动”。

        <Setter Property="HorizontalAlignment" Value="Stretch"/> 
    <Setter Property="VerticalAlignment" Value="Stretch"/>
    <Setter Property="Width" Value="Auto"/> 
    <Setter Property="Height" Value="Auto"/>

幸运的是，其中一件事成功了。