Eruano's Blog

Simple y con foco… como debe ser!

WPF – Ejecutar animacion desde codigo

with one comment

En WPF es comun querer ejecutar una animacion previamente definida en el XAML de un control o ventana desde codigo. Aqui un pequenio ejemplo:
Teniendo definida una accion que debe desencadenar un Click Izquierdo como esta:

<!– XAML Code –>
<UserControl>
    <UserControl.RenderTransform>
        <TransformGroup>
            <TranslateTransform x:Name=”TTranslateX” />
        </TransformGroup>
    </UserControl.RenderTransform>
    <UserControl.Triggers >
        <EventTrigger RoutedEvent=”UserControl.MouseLeftButtonUp”>           
            <EventTrigger.Actions>               
                <BeginStoryboard Name=”objBeginStoryBoard”>
                    <Storyboard Name=”objStoryBoard”>
                        <DoubleAnimation x:Name=”ElementoX” Storyboard.TargetName=”TTranslateX”
                                                     Storyboard.TargetProperty=”X”
                                                     From=”0″ To=”0″ Duration=”0:0:1″/>                       
                    </Storyboard>
                </BeginStoryboard>
            </EventTrigger.Actions>
        </EventTrigger>           
    </UserControl.Triggers>

</UserControl>

Habiendole asignado un nombre al StoryBoard en donde se define la animacion, esta se puede iniciar desde el codigo de este UserControl haciendo simplemente algo como esto:
        /* C# Code */
        public void Animar() {
            objStoryBoard.Begin();
        }

Luego solo bastara con llamar a la funcion de este control desde donde se desee desencadenar la accion.

Saludos.

Written by eruano

20 febrero 2011 a 10:59 pm

Publicado en Programacion, Visual Studio, WPF

Tagged with , ,

Una respuesta

Subscribe to comments with RSS.

  1. “WPF – Ejecutar animacion desde codigo | Eruano’s Blog” was a good posting. If solely there were far more websites just like this one in the world-wide-web. Anyways, thank you for your precious time, Rosella

    Kristi

    21 febrero 2013 at 6:20 pm


Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: