为什么我的WPF XAML网格不翻译TranslateTransform.X? [英] Why won't my WPF XAML Grid TranslateTransform.X?

问题描述

我可以使用它来更改网格的宽度/高度，所以为什么当我使用(Grid.RenderTransform).TranslateTransform.X时它不能工作:

I'm able to change the width/height of the grid using this, so why won't it work when I use (Grid.RenderTransform).TranslateTransform.X as such:

<Window.Triggers>
 <EventTrigger RoutedEvent="Button.Click" SourceName="button">
  <BeginStoryboard>
    <Storyboard>
      <DoubleAnimation  
      Storyboard.TargetProperty="(Grid.RenderTransform).(TranslateTransform.X)" 
      From="0" To="200" Storyboard.TargetName="grid" Duration="0:0:2"
      />
    </Storyboard>
  </BeginStoryboard>
 </EventTrigger>
</Window.Triggers>

应用程序正在加载等，但是单击按钮时没有任何反应.

The application loads etc, but nothing happens when the button is clicked.

这是我的表格的XAML:

Here is the XAML for my grid:

    <Grid x:Name="grid" Height="714" Canvas.Left="240" Canvas.Top="8" Width="360" RenderTransformOrigin="0.5,0.5">
         <Grid.Background>
          <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
           <GradientStop Color="Black" Offset="0"/>
           <GradientStop Color="White" Offset="1"/>
          </LinearGradientBrush>
         </Grid.Background>
         <Grid.ColumnDefinitions>
          <ColumnDefinition Width="0*"/>
          <ColumnDefinition/>
         </Grid.ColumnDefinitions>
     </Grid>

请注意，我尝试了许多不同的Canvas.Left值，但无济于事.

Note that I've tried many different Canvas.Left values, to no avail.

推荐答案

您将必须定义一个 TranslateTransform 对象，该对象会沿x或y方向的任何方向固定该对象轴，作为网格的 RenderTransform ，然后才能更改其值:

You will have to define a TranslateTransform object, which anchors the object in a sense for any movement along x or y axis, as the RenderTransform for the Grid before one can change its values:

<Grid x:Name="grid" ... >
    <Grid.RenderTransform>
        <TranslateTransform X="0" Y="0" />
    </Grid.RenderTransform>
    <!-- ... -->
</Grid>

这篇关于为什么我的WPF XAML网格不翻译TranslateTransform.X?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！