Blinkende animation WPF

Ich habe diese animation mit mir, eine Art blinken, animation, so dass, wenn die Schaltfläche geklickt wird, wird das Rechteck "blinkt". Ich habe geschrieben ein code für die animation, wollte nur wissen, ob es gibt ein besserer Weg, dies zu erreichen, animation. Irgendwelche Vorschläge?

Code ist wie folgt:

    <Window.Resources>
    <Storyboard x:Key="OnClick1">
        <ObjectAnimationUsingKeyFrames Duration="0:0:10" Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="rectangle">
            <DiscreteObjectKeyFrame KeyTime="0" Value="{x:Static Visibility.Collapsed}"/>
            <DiscreteObjectKeyFrame KeyTime="0:0:0.1" Value="{x:Static Visibility.Visible}"/>
            <DiscreteObjectKeyFrame KeyTime="0:0:0.2" Value="{x:Static Visibility.Collapsed}"/>
            <DiscreteObjectKeyFrame KeyTime="0:0:0.3" Value="{x:Static Visibility.Visible}"/>
            <DiscreteObjectKeyFrame KeyTime="0:0:0.4" Value="{x:Static Visibility.Collapsed}"/>
            <DiscreteObjectKeyFrame KeyTime="0:0:0.5" Value="{x:Static Visibility.Visible}"/>
            <DiscreteObjectKeyFrame KeyTime="0:0:0.6" Value="{x:Static Visibility.Collapsed}"/>
            <DiscreteObjectKeyFrame KeyTime="0:0:0.7" Value="{x:Static Visibility.Visible}"/>
            <DiscreteObjectKeyFrame KeyTime="0:0:0.8" Value="{x:Static Visibility.Collapsed}"/>
            <DiscreteObjectKeyFrame KeyTime="0:0:0.9" Value="{x:Static Visibility.Visible}"/>
        </ObjectAnimationUsingKeyFrames>
    </Storyboard>
</Window.Resources>
<Window.Triggers>
    <EventTrigger RoutedEvent="ButtonBase.Click" SourceName="button">
        <BeginStoryboard Storyboard="{StaticResource OnClick1}"/>
    </EventTrigger>
</Window.Triggers>

<Grid x:Name="LayoutRoot">
    <Rectangle x:Name="rectangle" Fill="#FFF4F4F5" HorizontalAlignment="Left" Height="35" Margin="129,166,0,0" Stroke="Black" VerticalAlignment="Top" Width="73"/>
    <Button x:Name="button" Content="Button" Margin="272,158,263,0" Height="37" VerticalAlignment="Top"/>
</Grid>
Der bessere Weg ist, nicht zu blinken. Die <blink> tag hat schließlich starb aus; lassen Sie es in Frieden ruhen. Es gibt einen Grund, warum Menschen gehasst.
Vermessen Kommentar, @CodyGray
Ich fühle mich wie Sie sollte Verwendung Hidden und nicht Collapsed durch die layout-Folgen.

InformationsquelleAutor Sangeetha | 2011-02-10

  1. 21

    Statt ObjectAnimationUsingKeyFrames animation, die Sie verwenden können einfach DoubleAnimation auf die Opacity - Eigenschaft des Rechtecks:

    <Storyboard x:Key="OnClick1">
    <DoubleAnimation Storyboard.TargetName="rectangle"
                     Storyboard.TargetProperty="Opacity"
                     From="0"
                     To="1"
                     RepeatBehavior="10x"
                     AutoReverse="True"
                     Duration="0:0:0.1"/>
</Storyboard>
    Wie würde man das Blinken nicht Fade in und out? Ähnlich wie ein Textfeld-Cursor

    InformationsquelleAutor Pavlo Glazkov

  2. 2

    Ich weiß, dies ist ein Alter thread, aber zu dem add-on Pavlo Antwort, die mir geholfen und richtig ist. Ich wollte mehr von einer tatsächlichen flicker-Effekt, als ein schnelles "fade-in-fade-out". Ich nutzte seine animation code und modifiziert Sie ein wenig:

    In Ihren Ressourcen:

    <!-- Animation to flicker, like a cursor when typing -->
<Storyboard x:Key="AnimateFlicker" RepeatBehavior="Forever">
    <DoubleAnimation Storyboard.TargetProperty="Opacity"
                     From="0"
                     To="1"
                     AutoReverse="True"
                     BeginTime="0:0:1"
                     Duration="0:0:0.08" />
    <DoubleAnimation Storyboard.TargetProperty="Opacity"
                     From="1"
                     To="1"
                     AutoReverse="True"
                     Duration="0:0:0.4" />
    <DoubleAnimation Storyboard.TargetProperty="Opacity"
                     From="1"
                     To="0"
                     AutoReverse="True"
                     Duration="0:0:0.08" />
</Storyboard>

    Im XAML-Code:

    <TextBlock Text="Flicker Me" FontSize="14" Margin="0">
<TextBlock.Triggers>
    <EventTrigger RoutedEvent="Loaded">
        <BeginStoryboard Storyboard="{StaticResource AnimateFlicker}" />
    </EventTrigger>
</TextBlock.Triggers></TextBlock>

    InformationsquelleAutor EdwardM

  3. 1

    Hier ist C# - code-version für jemanden, der es brauchen...

        if (IsImageBlinking)
    {
        DoubleAnimation da = new DoubleAnimation();

        da.From = 1.0;
        da.To = 0.0;
        da.RepeatBehavior = RepeatBehavior.Forever;
        da.AutoReverse = true;

        sb.Children.Add(da);
        Storyboard.SetTargetProperty(da, new PropertyPath("(Image.Opacity)"));
        Storyboard.SetTarget(da, image1);
        sb.Begin();
    }

    Anderer hand gibt, die Sie umsetzen können blinken auf eine Steuerung wie diese.

     <UserControl.Resources>
        <Thickness x:Key="ControlMargin">0 5 0 0</Thickness>
        <Storyboard x:Key="AlertArea" >
            <DoubleAnimation Storyboard.TargetName="gdPersonData"
                     Storyboard.TargetProperty="Opacity"
                     From="0"
                     To="1"
                     RepeatBehavior="3x"
                     AutoReverse="True"
                     Duration="0:0:0.1"/>
        </Storyboard>
        <Storyboard x:Key="AlertArea2"  >
            <DoubleAnimation Storyboard.TargetName="gdPersonData"
                     Storyboard.TargetProperty="Opacity"
                     From="1"
                     To="0"
                     RepeatBehavior="1x"
                     AutoReverse="True"
                     Duration="0:0:0.1"/>
        </Storyboard>
    </UserControl.Resources>

    AlertArea zu generieren, blinkt 3 mal und wenn es fertig ist, haben wir die Wiederherstellung Opacity mit AlertArea2.

    In den Konstruktor von UserControl/Window

    ..
Storyboard sb = this.FindResource("AlertArea") as Storyboard;
sb.Completed += Sb_Completed;
..

private void Sb_Completed(object sender, EventArgs e)
{
    Storyboard sb2 = this.FindResource("AlertArea2") as Storyboard;
    sb2.Begin();
}

    In der Ort, den Sie brauchen, um beginnen zu blinken tun diese

    Dispatcher.BeginInvoke((Action)(() =>
{
    Storyboard sb = this.FindResource("AlertArea") as Storyboard;
    sb.Begin();
}));

    InformationsquelleAutor Academy of Programmer

Schreibe einen Kommentar