使用滑块绑定翻译转换不起作用

本文关键字：翻译 转换 不起作用 绑定 | 更新日期: 2023-09-27 18:32:34

无法理解为什么Translatetransform绑定不起作用。我有 3 个滑块 - 一个用于缩放，2 个用于 x 和 y 转换（我在代码中将圆圈作为Canvas的子元素）。

我正在使用下面的 XAML：

<Window x:Class="Visualizer.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" WindowState="Maximized" WindowStartupLocation="CenterScreen" ResizeMode="NoResize">
    <Canvas HorizontalAlignment="Stretch" Margin="0,0,0,0" VerticalAlignment="Stretch" Name="MainCanvas" >
        <Canvas HorizontalAlignment="Stretch" Margin="0,0,0,0" VerticalAlignment="Stretch" Name="OperatorsCanvas" >
            <ContentControl x:Name="OperatorsContent"/>
            <Canvas.LayoutTransform>
                <TransformGroup>
                    <ScaleTransform 
                    CenterX="0" 
                    CenterY="0"
                    ScaleX="{Binding ElementName=ScaleSlider,Path=Value}"
                    ScaleY="{Binding ElementName=ScaleSlider,Path=Value}"
                    />
                    <TranslateTransform X="{Binding ElementName=TranslateXSlider,Path=Value}" Y="{Binding ElementName=TranslateYSlider,Path=Value}" />
                </TransformGroup>
            </Canvas.LayoutTransform>
        </Canvas>
        <Slider Canvas.Right="5" Width="154" Canvas.Top="5" HorizontalAlignment="Right" Name="ScaleSlider" ToolTip="Determines the UI scale factor."
                    Value="1" Minimum="0.1" Maximum="4"/>
        <Slider Canvas.Bottom="0" Width="762"  HorizontalAlignment="Stretch" Name="TranslateXSlider" Value="0" Minimum="-20" Maximum="20"/>
        <Slider Canvas.Right="0" Canvas.Top="282" Width="423" RenderTransformOrigin="0.494,0.455" Height="16" Name="TranslateYSlider"  Value="0" Minimum="-20" Maximum="20" >
            <Slider.RenderTransform>
                <TransformGroup>
                    <ScaleTransform/>
                    <SkewTransform/>
                    <RotateTransform Angle="90"/>
                    <TranslateTransform/>
                </TransformGroup>
            </Slider.RenderTransform>
        </Slider>
    </Canvas>
</Window>

缩放有效，但转换不起作用。

使用滑块绑定翻译转换不起作用

LayoutTransform中的翻译将被忽略，如 MSDN 上的 LayoutTransform 文档中的"备注"部分所述。您必须将LayoutTransform替换为RenderTransform才能使其正常工作：

<Canvas ...>
    <Canvas.RenderTransform>
        <TransformGroup>
            <ScaleTransform
                ScaleX="{Binding ElementName=ScaleSlider,Path=Value}"
                ScaleY="{Binding ElementName=ScaleSlider,Path=Value}"/>
            <TranslateTransform
                X="{Binding ElementName=TranslateXSlider,Path=Value}"
                Y="{Binding ElementName=TranslateYSlider,Path=Value}"/>
        </TransformGroup>
    </Canvas.RenderTransform>
    ...
</Canvas>

另请注意，Slider酒店拥有Orientation。因此，无需在此处应用转换。

相关文章：