Introdução animada

Question

 

Pessoal,

 

Como fazer uma introdução animada e depois este no destino final ficar animado de outra maneira ?

 

Exemplo:

http://zoo.sorocaba.sp.gov.br/

 

Reparem nas nuvens pequenas, elas entram (caindo) e estão estaticas, depois elas ficam animadas em loop.

 

Como se fossem uma timeline de intro e tive-se um codigo ou outra meneira de fazer que essa intro pare ou some e as nuvens (ou outra timeline) começa.

 

 

entenderam? hehehehe

 

Valeuuu

Answer 1

 

Fábio,

 

No site do zoo existe uma Storyboard para as nuvens "cair" e quando esta animação acabar, será chamada outra Storyboard com Repeat.

 

O código seria mais ou menos assim:

 

Code Snippet

<Storyboard x:Name="SB_Entrada" Completed="SB_Entrada_Completed" >

 

 

Pelo C# iremos chamar a animação que irá se repetir:

 

Code Snippet

private void SB_Entrada_Completed(object sender, EventArgs e)

{

SB_Repeat.Begin();

}

 

 

E esta animação devemos deixar em loop:

 

Code Snippet

<Storyboard x:Name="SB_Repeat" RepeatBehavior="Forever">

 

 

A única diferença é que no site para o site do Zoo foi utilizado Silverlight 1.0 (JavaScript).

 

Abraço,

 

"Se sua pergunta foi respondida, por favor, marque como resposta"

Answer 2

 

Boa Lucas,

 

certinho! fiz e aconteceu!

 

Mais tentei fazer tudo pelo Visual Studio

 

Code Snippet

namespace SilverlightApplication7_introAndLoop

{

public partial class Page : UserControl

{

public Page()

{

// Required to initialize variables

InitializeComponent();

//

quadrado_entrada_ani.Begin();

quadrado_entrada_ani.Completed += quadrado_entrada_ani_Completo;

//quadrado_loop é o nome da layer

quadrado_loop.Visibility = Visibility.Collapsed;

}

 

private void quadrado_entrada_ani_Completo(object sender, EventArgs e)

{

quadrado_loop_ani.Begin();

//quadrado_loop é o nome da layer

quadrado_loop.Visibility = Visibility.Visible;

}

}

}

 

 

Agora, vc viu que pelo cod do VS consegui determinar o Completed? hehehehe, não sabia se seria possivel e era.

 

Mais o RepeatBehavior="Forever" pelo VS é possivel mais ele dá como erro, mais publica. heheheh

 

Tentei assim:

//Logo abaixo do Visible

quadrado_loop_ani.RepeatBehavior = Forever;

 

Valeuuuu

Answer 3

É isso aí Fábio.

 

Se era isto mesmo que você queria, marca como resposta. Assim iremos melhorar a qualidade da busca no fórum e evitar tópicos repetidos.

 

 

Abraço.

 

Answer 4

 

Sim, resposta marcada, olha o teste que fiz funcionando:

 

São duas animações diferentes;

O quadrado verde 'cai' e pára e quando completa a anima ele fica em Collapsed.

Aparece o quadrado vermelho com Visible já mandei o Begin na timeline dele.

 

http://silverlight.live.com/ContentTestPage.aspx?setName=Intro_e_Loop

 

ou

http://silverlight.services.live.com/invoke/84419/Intro_e_Loop/iframe.html

 

O curioso que esse XAP tem 213kb é muito para simples animação, hehehehe

 

Valeuuu