WPF Animieren, und ändern Sie die Deckkraft des Bildes in der Folge,

Habe ich drei Bilder, zwei dieser Bilder zu animieren, wie folgt und Dritte Bild sollte blinken:

<Window.Resources>
    <Storyboard x:Key="AnimateTarget" RepeatBehavior="Forever">

        <DoubleAnimationUsingKeyFrames BeginTime="0:0:0" Duration="0:00:03" Storyboard.TargetName="img1" Storyboard.TargetProperty="Y">
            <EasingDoubleKeyFrame KeyTime="0:0:0" Value="0" />
            <EasingDoubleKeyFrame KeyTime="0:0:1" Value="200" />
            <EasingDoubleKeyFrame KeyTime="0:0:2" Value="0" />
        </DoubleAnimationUsingKeyFrames>

        <DoubleAnimationUsingKeyFrames BeginTime="0:0:2" Duration="0:00:03" Storyboard.TargetName="img2" Storyboard.TargetProperty="x">
            <EasingDoubleKeyFrame KeyTime="0:0:0" Value="0" />
            <EasingDoubleKeyFrame KeyTime="0:0:1" Value="200" />
            <EasingDoubleKeyFrame KeyTime="0:0:2" Value="0" />
        </DoubleAnimationUsingKeyFrames>

        <DoubleAnimation BeginTime="0:0:4" Duration="0:0:0.5" Storyboard.TargetProperty="(Image.Opacity)" Storyboard.TargetName="img3"  From="1.0" To="0.0" RepeatBehavior="Forever" AutoReverse="True" />

    </Storyboard>
</Window.Resources>

Die ersten beiden Bilder animieren in Ordnung, aber das Dritte Bild nicht blinkt, wird es nichts tun und bleiben Sie einfach, wie Sie es sehen können, ich habe folgenden code für das blinken, das Dritte Bild:

<DoubleAnimation BeginTime="0:0:4" Duration="0:0:0.5" Storyboard.TargetProperty="(Image.Opacity)" Storyboard.TargetName="img3"  From="1.0" To="0.0" RepeatBehavior="Forever" AutoReverse="True" />

Auch dies ist ein code für das Dritte Bild:

<Image Height="65" Name="image1" Stretch="Fill" Width="67" Source="/PicTakeWPF;component/Images/422505_110594629067212_100003500265268_37406_1212153553_n.jpg">
    <Image.RenderTransform>
         <TranslateTransform x:Name="img3"></TranslateTransform>
    </Image.RenderTransform>
</Image>

Ich würde mich freuen, wenn mir jemand hilft, auf diese
Danke,

InformationsquelleAutor cyrus-d | 2012-06-21
  1. 4

    Versuchen, über den Namen (image1) Ihrer image-Objekt als Storyboard.TargetName für die Deckkraft animation

    <DoubleAnimation BeginTime="0:0:4" Duration="0:0:0.5" Storyboard.TargetProperty="(Image.Opacity)" Storyboard.TargetName="image1"  From="1.0" To="0.0" RepeatBehavior="Forever" AutoReverse="True" />

    da die Deckkraft ist eine Eigenschaft des Bildes selbst, die anderen 2 Animationen Einfluss auf die übersetzung der Bild-Objekt-und das ist, warum Sie verwenden die TranslateTransform Namen für jene Animationen.

    Brauchen Sie nicht einmal hinzufügen

    <Image.RenderTransform>
    <TranslateTransform x:Name="img3"></TranslateTransform>
</Image.RenderTransform>

    für das Dritte Bild (wenn Sie nicht planen, auf das animieren der übersetzung).

    • Vielen Dank, deine Lösung funktioniert perfekt.
    InformationsquelleAutor Thomas Goussaert
Schreibe einen Kommentar