Изменение изображения во время анимации с помощью раскадровки

Я искал способ изменить Изображение во время раскадровки или, более конкретно, изменить свойство Source изображения, чтобы оно указывало на новый ресурс изображения. Кажется, есть StringAnimationUsingKeyFrames и DiscreteStringKeyFrame, но это не работает (насколько я могу судить), поскольку свойство Source Image имеет тип ImageSource

Моя текущая раскадровка выглядит так

<Storyboard x:Key="TransitionImage">
    <DoubleAnimationUsingKeyFrames
        BeginTime="00:00:00" 
        Storyboard.TargetName="image" 
        Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleX)">
        <SplineDoubleKeyFrame KeyTime="00:00:00.7000000" Value="0.2"/>
        <SplineDoubleKeyFrame KeyTime="00:00:01.5000000" Value="1"/>
    </DoubleAnimationUsingKeyFrames>
    <StringAnimationUsingKeyFrames
        BeginTime="00:00:00"
        Storyboard.TargetName="image"
        Storyboard.TargetProperty="(Image.Source)">
        <!-- This does not work -->
        <DiscreteStringKeyFrame KeyTime="00:00:00.7000000" Value="check_24.png"/>
    </StringAnimationUsingKeyFrames>
    <DoubleAnimationUsingKeyFrames 
        BeginTime="00:00:00" 
        Storyboard.TargetName="image"
        Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleY)">
        <SplineDoubleKeyFrame KeyTime="00:00:00.7000000" Value="0.2"/>
        <SplineDoubleKeyFrame KeyTime="00:00:01.5000000" Value="1"/>
    </DoubleAnimationUsingKeyFrames>
</Storyboard>

и изображение

<Image x:Name="image" 
       Source="delete_24.png"
       Width="32" Height="32"
       Margin="8"
       RenderTransformOrigin="0.5,0.5">
    <Image.RenderTransform>
        <TransformGroup>
            <ScaleTransform/>
            <SkewTransform/>
            <RotateTransform/>
            <TranslateTransform/>
        </TransformGroup>
    </Image.RenderTransform>
</Image>

Могу ли я изменить Source изображения как часть раскадровки, или мне не повезло?


image storyboard wpf xaml
person soren.enemaerke    schedule 25.11.2009    source источник

Ответы (1)


arrow_upward
31
arrow_downward

Ладно, решил сам. Кажется, вам нужно использовать ObjectAnimationUsingKeyFrames и DiscreteObjectKeyFrame, как показано ниже:

<ObjectAnimationUsingKeyFrames 
    BeginTime="00:00:00" 
    Storyboard.TargetName="image"
    Storyboard.TargetProperty="(Image.Source)">
    <DiscreteObjectKeyFrame KeyTime="00:00:00.7000000">
        <DiscreteObjectKeyFrame.Value>
            <BitmapImage UriSource="check_24.png" />
        </DiscreteObjectKeyFrame.Value>
    </DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
person soren.enemaerke    schedule 25.11.2009
comment
Как связать BitmapImage UriSource с динамическим содержимым - person Shannon; 10.04.2020