WPF:在动态创建的控件上从EventTrigger按名称触发元素的动画

时间:2009-05-12 16:06:53

标签: .net wpf xaml event-triggers

我在ItemsControl的DataTemplate中有一个Grid,所以这个网格会有很多副本。我想在网格上单击鼠标来触发DataTemplate之外的元素的故事板。例如,我想为Window中其他位置存在的命名元素的Transform属性设置动画。

假设我的DataTemplate看起来像这样:

    <DataTemplate x:Key="myDataTemplate">
        <Grid>
            <Grid.Triggers>
                <EventTrigger RoutedEvent="UIElement.MouseLeftButtonUp">
                    <BeginStoryboard>
                        <Storyboard Storyboard.TargetName="myRectangle">
                            <DoubleAnimation Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[1].(TranslateTransform.X)"
                                                 To="10" Duration="0:0:0.2" />
                            <DoubleAnimation Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[1].(TranslateTransform.Y)"
                                                 To="10" Duration="0:0:0.2" />
                            <DoubleAnimation Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleX)"
                                                 To="1" Duration="0:0:0.5" />
                            <DoubleAnimation Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleY)"
                                                 BeginTime="0:0:0.5" To="1" Duration="0:0:0.5" />
                        </Storyboard>
                    </BeginStoryboard>
                </EventTrigger>
            </Grid.Triggers>
        </Grid>
    </DataTemplate>

在我窗口的某个地方,我有一个看起来像这样的矩形:

    <Rectangle x:Name="myRectangle" Height="400" Width="400">
        <Rectangle.RenderTransform>
            <TransformGroup>
                <ScaleTransform ScaleX="0" ScaleY="0" />
                <TranslateTransform />
            </TransformGroup>
        </Rectangle.RenderTransform>
    </Rectangle>

当MouseLeftButtonUp事件触发时,我收到以下异常:

'myRectangle'名称在'System.Windows.Controls.Grid'的名称范围内找不到。

有没有办法告诉故事板在哪里查找这个名字的元素?我特别感兴趣的是只有xaml解决方案存在。

1 个答案:

答案 0 :(得分:1)

只要您尝试绑定的xaml元素是父元素,就可以使用RelativeSource绑定的FindAncestor模式在不同的名称范围(即数据模板的外部)中找到xaml元素。绑定代码如下所示:

{Binding Path="myRectangle", RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type Rectangle}}}

故事板中的名称绑定可能完全是一种不同的动物,但也许你可以使用它。