WPF usa código Xaml para crear animaciones de latidos

Mostrar resultados:

 

1. Prepara una imagen Png de un corazón.

 2. Copie el archivo PNG al proyecto y cree un nuevo control Imagen en el formulario. El código es el siguiente:

        <Image
            x:Name="image"
            Height="50"
            HorizontalAlignment="Center"
            VerticalAlignment="Center"
            Source="/心.png">
            <Image.Triggers>
                <EventTrigger RoutedEvent="Loaded">
                    <BeginStoryboard>
                        <Storyboard
                            RepeatBehavior="Forever"
                            Storyboard.TargetName="image"
                            Storyboard.TargetProperty="Height">
                            <DoubleAnimation
                                BeginTime="0:0:0.0"
                                EasingFunction="{StaticResource powerEaseOut}"
                                To="50"
                                Duration="0:0:0.6" />
                            <DoubleAnimation
                                BeginTime="0:0:0.6"
                                EasingFunction="{StaticResource powerEaseOut}"
                                To="30"
                                Duration="0:0:0.4" />
                        </Storyboard>
                    </BeginStoryboard>
                </EventTrigger>
            </Image.Triggers>
        </Image>

Se utiliza la atenuación de la animación y es necesario agregar recursos debajo de la etiqueta Ventana.

    <Window.Resources>
        <PowerEase
            x:Key="powerEaseOut"
            EasingMode="EaseOut"
            Power="2" />
    </Window.Resources>

Dado que el corazón es más poderoso cuando se contrae, el tiempo de la animación de alejamiento de la imagen se establece más corto que el tiempo de acercamiento, para simular mejor la sensación de los latidos del corazón.