wpf 如何把Slider变为竖向

要把 WPF 中的 Slider 控件变为竖向，可以通过修改控件的模板实现。具体步骤如下：

1. 在 XAML 中，创建一个新的样式（Style）并设置 TargetType 为 Slider。

<Style TargetType="Slider">
</Style>

2. 在样式中添加一个控件模板（ControlTemplate），并设置为竖向布局。

<Style TargetType="Slider">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="Slider">
                <Grid>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="*" />
                        <RowDefinition Height="Auto" />
                        <RowDefinition Height="*" />
                    </Grid.RowDefinitions>
                    <TickBar Grid.Row="0" Fill="{TemplateBinding Foreground}"
                             Placement="Left" Height="4" SnapsToDevicePixels="True"
                             TickFrequency="{TemplateBinding TickFrequency}"
                             TickPlacement="BottomRight" />
                    <Border Grid.Row="1" Background="{TemplateBinding Background}"
                            BorderBrush="{TemplateBinding BorderBrush}"
                            BorderThickness="{TemplateBinding BorderThickness}"
                            Margin="0,5,0,5" />
                    <Thumb x:Name="Thumb" Grid.Row="1" Background="{TemplateBinding Foreground}"
                           BorderBrush="{TemplateBinding BorderBrush}"
                           BorderThickness="{TemplateBinding BorderThickness}"
                           Height="20" Width="20" />
                </Grid>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

3. 在模板中修改 Thumb 控件的样式，使其旋转 90 度。

<Style TargetType="Thumb">
    <Setter Property="RenderTransformOrigin" Value="0.5,0.5"/>
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="Thumb">
                <Border Background="{TemplateBinding Background}"
                        BorderBrush="{TemplateBinding BorderBrush}"
                        BorderThickness="{TemplateBinding BorderThickness}">
                    <Border.RenderTransform>
                        <RotateTransform Angle="-90"/>
                    </Border.RenderTransform>
                </Border>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

4. 最后，把样式应用到 Slider 控件上。

<Slider Style="{StaticResource VerticalSliderStyle}" />

这样，Slider 控件就变成了竖向布局。