Установить цель StoryBoard в табличке данных - PullRequest
Новая
       21

Установить цель StoryBoard в табличке данных

4 голосов
/ 31 марта 2011

Я хотел бы использовать StoryBoard для отображения изображения с анимацией плоской проекции, когда я нажимаю на кнопку.

Это работает, когда я пробую его только на одном экземпляре.

Нона своей странице Silverlight (Windows Phone 7) я использую шаблон данных, чтобы повторить его из коллекции объектов.

И здесь, это не работает.

Вот .xamlшаблон данных: 

                            <DataTemplate x:Name="MyDt">
                                <Button Tag="{Binding iId}" BorderThickness="0" Click="buttonClick" Width="456" Style="{StaticResource ButtonStyle}">
                                    <Image x:Name="MyImg" Source="Images/image.png" Visibility="Collapsed">
                                        <Image.Projection>
                                            <PlaneProjection/>
                                        </Image.Projection>
                                    </Image>
                                </Button>
                            </DataTemplate>

Вот .xaml раскадровки (в ресурсах страницы телефона): 

    <Storyboard x:Name="storyboardShowImage">
        <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Projection).(PlaneProjection.RotationY)" Storyboard.TargetName="">
            <EasingDoubleKeyFrame KeyTime="0" Value="90"/>
            <EasingDoubleKeyFrame KeyTime="00:00:01" Value="0"/>
        </DoubleAnimationUsingKeyFrames>
    </Storyboard>

Вот событие .cs нажатия кнопки: 

private void buttonClick(object sender, RoutedEventArgs e)
    {
        /* Get image object from x:Name */
        Image img;
        img = GetChildImage((DependencyObject)sender, "MyImg");
        /* Launch storyboard on img object */
        ((DoubleAnimationUsingKeyFrames)storyboardShowImage.Children[0]).SetValue(Storyboard.TargetNameProperty, img.Name);
        storyboardShowImage.Begin();
    }

Но я получаю ошибку: 

Cannot resolve TargetName MyImg.

Я думаю, это потому, что есть несколько объектов Image с x: Name "MyImg", но я не знаю, как установить цель раскадровкина правильное изображение в моем шаблоне данных.

1 Ответ

3 голосов
/ 31 марта 2011

Невозможно разрешить это имя, поскольку это имя является локальным для шаблона данных. Вы можете либо переместить Storyboard внутри DataTemplate, чтобы его можно было применять к изображению в каждом экземпляре, и использовать VisualStateManager, чтобы запустить анимацию в состоянии «Pressed», либо создать Storybaord в коде и соответственно установить цель.

...