locked
Introdução animada RRS feed

  • Pergunta

  •  

    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

    quarta-feira, 3 de dezembro de 2008 13:38

Respostas

  •  

    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"
    quarta-feira, 3 de dezembro de 2008 15:56

Todas as Respostas

  •  

    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"
    quarta-feira, 3 de dezembro de 2008 15:56
  •  

    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

    quarta-feira, 3 de dezembro de 2008 17:46
  • É 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.

     

    quarta-feira, 3 de dezembro de 2008 19:07
  •  

    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

    quarta-feira, 3 de dezembro de 2008 22:44