..:: MX Studio Fóruns ::..: Como faço esse quadro de novidades/destaqes? - ..:: MX Studio Fóruns ::..

Jump to content

Publicidade




ATENÇÃO

Para evitar posts desnecessários e que não influam para o andamento e desenvolvimento do fórum, clique aqui e leia todas as regras.
Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

Como faço esse quadro de novidades/destaqes?

#1 User is offline   Gregory Lima 

  • Group: Membros
  • Posts: 3
  • Joined: 13-June 09

  Posted 13 June 2009 - 06:18 PM

Ola amigos da MxStudio, esse é meu primeiro contato, estava a olhar o site e gostei de muita coisa, ganhei experiência com vocês e seus tutos.

Vamos ao assunto: estou fazendo um site onde quero colocar uma animação, na verdade serve melhor o termo "um quadro", onde terão 6 quadros de novidades.

Explicando.


Quadros [1][2][3] serão pequenos moves falando de algumas atualizações dos sites ou destaques, onde clicando vai direto para o link.
Ok.
Os numeros em baixo serão a indicação de qual qadro está. (isso eu me viro pra fazer)

O que preciso mesmo, é, como faço para quando o marcador (1)(2)(3)(4)(5)(6) estiver no 5 por exemplo os quadros [1][2][3]... sozinhos irem para a direita no caso e aparecer o quadro 5???
e tambem como faço as setas para a mesma função?

Obrigado.. Se não fui muito claro estarei de prontidão no forum esperando ajuda e esclarecendo mais..
0

#2 User is offline   Tiago Braga 

  • Group: Moderadores
  • Posts: 732
  • Joined: 15-May 07

Posted 15 June 2009 - 09:48 AM

E ai Gregory Lima, tudo bom?
Cara, fiz um tempo atrás um banner desse Exemplo do Banner

Eu fiz este banner com XML, mas pode ser manual tbm, a lógica é a mesma.

Bom, vamos ao código (Exemplo via XML)

CÓDIGO
//Importando a classe [url="http://www.mxstudio.com.br/flash/estudo_de_classes___classe_tween/"]Tween[/url] e easing
import mx.transitions.Tween;
import mx.transitions.easing.*;

//Botões voltar e avançar - Vc vai criar dois BOTÕES, com os nomes de voltar e avancar (Instance Name)
var voltar:Button;
var avancar:Button;

//Configurando as propriedades - Desabilitando os botões
voltar._alpha = avancar._alpha =  0;
voltar.enabled = avancar.enabled =  false;

//Função que irá controlar a esteira
function controle(pode:Boolean, ttDestaque:Number, larguraTotal:Number){
    voltar._alpha = avancar._alpha =  100;
    voltar.enabled = avancar.enabled =  true;
    
    //sobrando é o total de banners -3 banners que já estão aparecendo
    //ttDestaque é o total de banners
    //larguraTotal é o tamanho total da esteira
    var sobrando:Number = ttDestaque-3;
    var posFIM:Number = -((larguraTotal/ttDestaque)*sobrando)+10;    
    
    if(pode){
        onEnterFrame = function(){
            //trace(ttDestaque+" "+posFIM+" "+rolagem._x);
            if(rolagem._x>=10){
                voltar.enabled = false;
                voltar._alpha = 0;
            }
            else{
                voltar.onRelease = function(){
                    var xTween:Tween = new Tween(rolagem,"_x",Regular.easeInOut,rolagem._x,rolagem._x+285,1,true);
                    xTween.onMotionChanged = function(){
                        botoes(false);
                    }
                    xTween.onMotionFinished = function(){
                        botoes(true);
                    }
                }
            }
            
            if(rolagem._x<=posFIM){
                avancar.enabled = false;
                avancar._alpha = 0;
            }
            else{
                avancar.onRelease = function(){
                    var xTween:Tween = new Tween(rolagem,"_x",Regular.easeInOut,rolagem._x,rolagem._x-285,1,true);
                    xTween.onMotionChanged = function(){
                        botoes(false);
                    }
                    xTween.onMotionFinished = function(){
                        botoes(true);
                    }
                }
            }
        }
    }
}

//Função que vai desabilitar os botões na hora da animação
function botoes(habilitar:Boolean){
    if(habilitar){
        voltar._alpha = avancar._alpha =  100;
        voltar.enabled = avancar.enabled =  true;
    }
    else{
        voltar._alpha = avancar._alpha =  30;
        voltar.enabled = avancar.enabled =  false;

    }
}


Bom, depois disso é só chamar a função controle() passando os parâmetros necessários para animação.
Ex.:
controle(pode:Boolean, ttDestaque:Number, larguraTotal:Number)
controle(true, 10, 1000)

Até

QUOTE(Gregory Lima @ 13/6/2009 17:06:36) <{POST_SNAPBACK}>
Ola amigos da MxStudio, esse é meu primeiro contato, estava a olhar o site e gostei de muita coisa, ganhei experiência com vocês e seus tutos.

Vamos ao assunto: estou fazendo um site onde quero colocar uma animação, na verdade serve melhor o termo "um quadro", onde terão 6 quadros de novidades.

Explicando.


Quadros [1][2][3] serão pequenos moves falando de algumas atualizações dos sites ou destaques, onde clicando vai direto para o link.
Ok.
Os numeros em baixo serão a indicação de qual qadro está. (isso eu me viro pra fazer)

O que preciso mesmo, é, como faço para quando o marcador (1)(2)(3)(4)(5)(6) estiver no 5 por exemplo os quadros [1][2][3]... sozinhos irem para a direita no caso e aparecer o quadro 5???
e tambem como faço as setas para a mesma função?

Obrigado.. Se não fui muito claro estarei de prontidão no forum esperando ajuda e esclarecendo mais..

0

#3 User is offline   Gregory Lima 

  • Group: Membros
  • Posts: 3
  • Joined: 13-June 09

  Posted 22 June 2009 - 08:31 PM

QUOTE(Tiago Braga @ 15/6/2009 08:06:28) <{POST_SNAPBACK}>
E ai Gregory Lima, tudo bom?
Cara, fiz um tempo atrás um banner desse Exemplo do Banner

Eu fiz este banner com XML, mas pode ser manual tbm, a lógica é a mesma.

Bom, vamos ao código (Exemplo via XML)

CÓDIGO
//Importando a classe [url="http://www.mxstudio.com.br/flash/estudo_de_classes___classe_tween/"]Tween[/url] e easing
import mx.transitions.Tween;
import mx.transitions.easing.*;

//Botões voltar e avançar - Vc vai criar dois BOTÕES, com os nomes de voltar e avancar (Instance Name)
var voltar:Button;
var avancar:Button;

//Configurando as propriedades - Desabilitando os botões
voltar._alpha = avancar._alpha =  0;
voltar.enabled = avancar.enabled =  false;

//Função que irá controlar a esteira
function controle(pode:Boolean, ttDestaque:Number, larguraTotal:Number){
    voltar._alpha = avancar._alpha =  100;
    voltar.enabled = avancar.enabled =  true;
    
    //sobrando é o total de banners -3 banners que já estão aparecendo
    //ttDestaque é o total de banners
    //larguraTotal é o tamanho total da esteira
    var sobrando:Number = ttDestaque-3;
    var posFIM:Number = -((larguraTotal/ttDestaque)*sobrando)+10;    
    
    if(pode){
        onEnterFrame = function(){
            //trace(ttDestaque+" "+posFIM+" "+rolagem._x);
            if(rolagem._x>=10){
                voltar.enabled = false;
                voltar._alpha = 0;
            }
            else{
                voltar.onRelease = function(){
                    var xTween:Tween = new Tween(rolagem,"_x",Regular.easeInOut,rolagem._x,rolagem._x+285,1,true);
                    xTween.onMotionChanged = function(){
                        botoes(false);
                    }
                    xTween.onMotionFinished = function(){
                        botoes(true);
                    }
                }
            }
            
            if(rolagem._x<=posFIM){
                avancar.enabled = false;
                avancar._alpha = 0;
            }
            else{
                avancar.onRelease = function(){
                    var xTween:Tween = new Tween(rolagem,"_x",Regular.easeInOut,rolagem._x,rolagem._x-285,1,true);
                    xTween.onMotionChanged = function(){
                        botoes(false);
                    }
                    xTween.onMotionFinished = function(){
                        botoes(true);
                    }
                }
            }
        }
    }
}

//Função que vai desabilitar os botões na hora da animação
function botoes(habilitar:Boolean){
    if(habilitar){
        voltar._alpha = avancar._alpha =  100;
        voltar.enabled = avancar.enabled =  true;
    }
    else{
        voltar._alpha = avancar._alpha =  30;
        voltar.enabled = avancar.enabled =  false;

    }
}


Bom, depois disso é só chamar a função controle() passando os parâmetros necessários para animação.
Ex.:
controle(pode:Boolean, ttDestaque:Number, larguraTotal:Number)
controle(true, 10, 1000)

Até

QUOTE(Gregory Lima @ 13/6/2009 17:06:36) <{POST_SNAPBACK}>
Ola amigos da MxStudio, esse é meu primeiro contato, estava a olhar o site e gostei de muita coisa, ganhei experiência com vocês e seus tutos.

Vamos ao assunto: estou fazendo um site onde quero colocar uma animação, na verdade serve melhor o termo "um quadro", onde terão 6 quadros de novidades.

Explicando.


Quadros [1][2][3] serão pequenos moves falando de algumas atualizações dos sites ou destaques, onde clicando vai direto para o link.
Ok.
Os numeros em baixo serão a indicação de qual qadro está. (isso eu me viro pra fazer)

O que preciso mesmo, é, como faço para quando o marcador (1)(2)(3)(4)(5)(6) estiver no 5 por exemplo os quadros [1][2][3]... sozinhos irem para a direita no caso e aparecer o quadro 5???
e tambem como faço as setas para a mesma função?

Obrigado.. Se não fui muito claro estarei de prontidão no forum esperando ajuda e esclarecendo mais..



fala Tiago. vale pela força mano. entendi como funciona é basicamente isso que pretendo fazer realmente, a diferença é que vao aparecer 3 quadros e eles vão alternando com os demais!

No entanto, não consigo fazer ainda!! =s

Disse que tem um mctween que devo instalar e fica mais facil pra fazer.

Já dei uma leve proucurada mas não encontrei nada, nem alguem explicando como fazer esse quandro com essa ferramenta!

Eu conhecia um pouco de AS2. Até consigo fazer, mas da minha forma vai ficar muito pesado, e consigo fazer apenas os 3 quadros, sem que haja outros!

Se tiver como da essa força.. agradeço. desculpa a demora, Obrigado pela atenção

Greg.
0

Share this topic:


Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic



Publicidade




1 User(s) are reading this topic
0 membro(s), 1 visitante(s) e 0 membros anônimo(s)