Um exemplo abaixo onde é usado o move pra as transições entre as tab.

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml";
                layout="absolute"
                backgroundColor="#FFFFFF">

    <mx:Script>
        <![CDATA[
            // função para ir para a próxima tab
            private function nextTab(event:MouseEvent):void
            {
                viewstack1.selectedIndex++;
            }

            // função para ir para a tab anterior
            private function prevTab(event:MouseEvent):void
            {
                viewstack1.selectedIndex--;
            }
        ]]>
    </mx:Script>


    <!-- Efeitos de transição de uma view (tab) para outra-->
    <mx:Move id="hideEffect"
             xTo="-500"
             duration="250"/>
    <mx:Move id="showEffect"
             xFrom="500"
             duration="250"/>

    <!-- Painel com os passos a serem seguidos -->
    <mx:Panel width="327"
              height="500"
              x="10"
              y="10"
              title="Exemplo"
              backgroundAlpha="1.0"
              backgroundColor="#FFFFFF"
              alpha="1.0">

        <mx:TabNavigator id="viewstack1"
                         selectedIndex="0"
                         width="100%"
                         height="100%">

            <!-- Passo 1 -->
            <mx:Canvas id="passo1"
                       label="Passo 1"
                       hideEffect="{hideEffect}"
                       showEffect="{showEffect}">

                <mx:Text text="Tab 1"
                         x="134"
                         y="10"/>
                <mx:Button click="nextTab(event)"
                           x="196"
                           y="59"
                           label="&gt;"/>

            </mx:Canvas>

            <!-- Passo 2 -->
            <mx:Canvas id="passo2"
                       label="Passo 2"
                       hideEffect="{hideEffect}"
                       showEffect="{showEffect}">

                <mx:Text text="Tab 2"
                         x="134"
                         y="10"/>
                <mx:Button click="nextTab(event)"
                           x="196"
                           y="59"
                           label="&gt;"/>
                <mx:Button click="prevTab(event)"
                           x="61"
                           y="59"
                           label="&lt;"/>


            </mx:Canvas>

            <!-- Passo 3 -->
            <mx:Canvas id="passo3"
                       label="Passo 3"
                       hideEffect="{hideEffect}"
                       showEffect="{showEffect}">

                <mx:Text text="Tab 3"
                         x="134"
                         y="10"/>
                <mx:Button click="prevTab(event)"
                           x="61"
                           y="59"
                           label="&lt;"/>

            </mx:Canvas>

        </mx:TabNavigator>

    </mx:Panel>

</mx:Application>


2009/10/3 Bruno Carneiro <guimaraescarne...@gmail.com>

>
> Obrigado. Alguém tem exemplos?
>
> On 3 out, 12:23, RafaelViana <rfl.vi...@gmail.com> wrote:
> > É isso ai mesmo, showEffect e hideEffect.
> >
> > Pode dar uma olhada na biblioteca de efeitos: Efflex, tem efeitos
> > legais para se fazer transição em um tabnavigator.
> >
> > On 3 out, 11:53, Clayton <marquesclayt...@gmail.com> wrote:
> >
> > > tente showEffect  para entrada e hideEffect para saida.
> >
> > > 2009/10/3 Bruno Carneiro <guimaraescarne...@gmail.com>
> >
> > > > Bom, queria fazer um tab navigator com transição.
> >
> > > > Eu pensei assim, primeiro crio o efeito desejado, depois aplico esse
> > > > efeito no evento de efeito do componente que receberá o efeito.
> >
> > > > Mas eu simplesmente não encontro esse evento de efeito adequado no
> tab
> > > > navgator. Só encontrei o mouseDownEffect enquanto que eu precisava de
> > > > um evento de efeito para aplicar um efeito na tela que está saindo, e
> > > > outro para aplicar um efeito na tela que está entrando.
> >
> > > > Alguma sugestão?
> >
> > > --
> > > Clayton Marques Pereira
> >
>

--~--~---------~--~----~------------~-------~--~----~
Você recebeu esta mensagem porque está inscrito na lista "flexdev"
Para enviar uma mensagem, envie um e-mail para flexdev@googlegroups.com
Para sair da lista, envie um email em branco para 
flexdev-unsubscr...@googlegroups.com
Mais opções estão disponíveis em http://groups.google.com/group/flexdev
-~----------~----~----~----~------~----~------~--~---

Responder a