Slider的一半在旋转时切掉

时间:2017-07-12 11:04:39

标签: c# wpf xaml

我正在为我正在开发的新软件设置基本布局,我将网格设置为2x2。主要部分(0,0)用于画布,底部主要部分(0,1)是滑块的空间,让我们称之为Slider1,最后右边的主要部分(1,0)是Slider2的空间。问题是我希望Slider2沿Y轴旋转,为X和X提供滑块。 Y,旋转滑块时,顶部和底部完全切断,有时VS强制它改变柱。

页面的我的XAML如下:

<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition/>
        <ColumnDefinition Width="100"/>
    </Grid.ColumnDefinitions>
    <Grid.RowDefinitions>
        <RowDefinition/>
        <RowDefinition Height="100"/>
    </Grid.RowDefinitions>
    <Slider HorizontalAlignment="Center" Grid.Row="1" VerticalAlignment="Center" Width="600"/>
    <Slider Name="Slider2" Grid.Column="1" HorizontalAlignment="Center" VerticalAlignment="Center" RenderTransformOrigin="0.5,0.5" Width="300">
        <Slider.RenderTransform>
            <TransformGroup>
                <ScaleTransform/>
                <SkewTransform/>
                <RotateTransform Angle="-90"/>
                <TranslateTransform/>
            </TransformGroup>
        </Slider.RenderTransform>
    </Slider>
</Grid>

这在WPF上显示为: Image of resulting XAML

正如您所看到的,右侧的Slider2没有完全显示,目标只是让它完全显示,并且能够将它保持在它所在的列中,并使其居中于它的中心位置。网格位置。

我已经玩了一段时间并且无法让它运转起来,所以我希望你们中的一个聪明的人能够指出我所做的那个简单的错误。

为任何帮助干杯!

1 个答案:

答案 0 :(得分:1)

不是应用RenderTransform,而是将Slider的Orientation属性设置为Vertical

<Slider x:Name="Slider2" Orientation="Vertical" ... />