domingo, 8 de abril de 2007

Adobe Flex e Efeitos

Olá Pessoal!! +)

quando nós estamos programando, todo mundo sabe que as vezes se estressa,

principalmente quando aquela função, chamada, ou o que for, não funciona!

mas, normal isso... e Sabe o que eu gosto fazer quando chega esses momentos!!?

Eu gosto de brincar com a aparência da aplicação, e o flex! já pensando em tudo, deixou pré tags para efeitos!

Efeitos Básicos:
  • Blur
  • Dissolve
  • Fade
  • Glow
  • Iris
  • Move
  • Resize
  • Rotate
  • Zoom
Tratar efeitos com o flex é muito Fácil!! pra começar, ele já vem pronto os efeitos! e claro também
dá a possibilidade de personalizar.

1 -Exemplo de usar o efeito Pronto ao Abrir uma "TitleWindow":


mx:TitleWindow creationCompleteEffect="Zoom"


Esta, é uma tag da TitleWindow, observe o atributo creationCompleteEffect="Zoom" com isso, você aplica um efeito no na TitleWindow, muito simples.


2 -Você também pode personalizar o efeito! ex:

No mxml crie esta tag:

mx:Zoom id="efZoom" startDelay="10" originX="1" duration="3000"

você já vai perceber que o efeito foi aprimorado com as definições que você fez.

para usar este efeito é só colocar a id do efeito, aonde você quer colocar o efeito



creationCompleteEffect="{efZoom}"


Neste exemplos só utilizei os efeitos ao form se criar, em todos os componentes você pode colocar efeitos nestes atributos:

  • addedEffect
  • creationCompleteEffect
  • hideEffect
  • mouseDownEffect
  • mouseUpEffect
  • moveEffect
  • removedEffect
  • resizeEffect
  • resizeEndEffect
  • resizeStartEffect
  • rollOutEffect
  • rollOverEffect
  • showEffect
Bom, eu fiz uma aplicação bem simples demonstrando como aplicar os efeitos nos forms e nos componentes

Aplicação Rodando
Link

Download do Source
Link





30 comentários:

rafa disse...

q legal!!!!!!!!!!!!!!!!!

quero dar uma estudada nesses efeitos!!

obrigado pelo fonte..

rafa disse...

não esta dando pra baixar o fonte!!!!

é possivel mandar no meu mail???

rafacarvalho82@yahoo.com.br


obrigado

Anônimo disse...

Olá Rodrigo, estou tentando baixar o código fonte da sua aplicação de testar efeitos e não estou conseguindo.

Por favor, envie-me por e-mail: silva.developer@hotmail.com

Grato

Anônimo disse...

Hola,
Hablo Espanol. Creo que me va a entender. Estoy intentando lo mismo pero el TitleWindow hace un pequeno "Flicker", no se qual es el problema. Quisiera ver to source code par ver si he hecho lo mismo. Me puedes enviar el codigo de tu ejemplo? me email es jairokan@yahoo.com
Gracias

Rodrigo Jr disse...

Rodrigo, nao estou conseguindo baixar o exemplo no link para Download.

Por favor envie-me por e-mail: rojrmm@gmail.com

Guilherme Tonetto disse...

Dae Rodrigo , nao to conseguindo baixa os fonte... pode me enviar por e-mail

guilhermetonetto@gmail.com

valeu

Anônimo disse...

Olá!Não consegui fazer download do código fonte.
Por favor envia para o meu e-mail: anninha.paulinha@pop.com.br.

Obridaginhaa ;-)

Mateus disse...

O Rodrigo, estou tentando fazer um menu parecido com o sistema da DataSul By You, conhece? entao queria saber como faço para abrir uma janela em cima do menu, assim o menu deceria e a janela ficava em cima do mesmo.

Abraço

Bárbara Design disse...

Oie Rodrigo, estou tentando acessar os código e nao to conseguindo o download, será que terias como me enviar por email? barbaraddutra@hotmail.com

fico no aguardo.

Brigada! =)

Fillipp Cabral disse...

gostaria também que se puder, enviar pro meu e-mail...obrigado!

fillippcabral@hotmail.com

Anônimo disse...

Não ta dando pra baixar o code mesmo, manda ai por favor por email

line.marquez@gmail.com

Obrigada.

Cezar disse...

Oies sera q dá pra vc enviar pra mim tbem o codigo fonte!!!

cezar@poloar.com.br
cezar.nk@gmail.com

Obrigado

Roni de Lima disse...

Olá Rodrigo. Muito bom o artigo. Realmente pode-se fazer muito com o Flex. Não estou conseguindo baixar os fontes... poderia me mandar?

ronidelima@hotmail.com
79623@upf.br

Valeu

Antonio Donati Junior disse...

Poderia me enviar no e-mail:
jrdonatibr@gmail.com
Não está dando para baixar o FONTE.
Obrigado.
Abraços

kaiodenioss disse...

Oie Rodrigo, estou tentando acessar os código e nao to conseguindo o download, será que terias como me enviar por email? kaio_vc@hotmail.com

fico no aguardo.

Vine disse...

Rodrigo nao consegui baixar tambem
Mande no meu email

vrkawamoto@hotmail.com

Abraco

Anônimo disse...

q lixo hein...
é a pior merda q vi na internet...

Diego disse...

nao consegui baixar mande no meu email
diegaomolina@gmail.com

Matflavio disse...

nao consegui baixar mande no meu email
flavio_pnn@yahoo.com.br

Anônimo disse...

Oi Boa tarde,
meu nome é wellington me achei muito show aquele efeito de rotation
teria jeito de vc me mandar o source dele no meu emial não estou conseguiondo baixar porque o link esta quebrado
me email é
wellingtonCarlos@visualmidia.com.br
Obrigado por tudo
abraço t+

SOBRE AS COISAS QUE GUARDO disse...

Oi, achei muito bacana seu post, gostaria de baixar o fonte mas o lin está quebrado, poderia mandar para meu email: alonerusso@gmail.com

Rafhael disse...

Muito bom mesmo a sua materia. O link do fonte não está funcionando.
Você pode enviar para o meu email
rafhaellopes@hotmail.com

Anônimo disse...

Caro amigo.

Poderia me mandar os fontes dos efeitos para dfcareas@gmail.com.

Grato.

Diogo Arêas.

Anônimo disse...

Amigo....

por gentileza pode enviar os fontes. Para estuda-los.

Grato.

jncfilho@gmail.com

Edu_Light disse...

Olá, muito bom dia. O link dos fontes está quebrado. Poderia envia-los ao meu e-mail? Grato.

vepnet@hotmail.com
vepnet@gmail.com

Anônimo disse...

OLÁ ROCRIGO BLZ NAO CONSIGO TBM CONFORMNE A GALERA ACIMA PODERIA ME ENVIAR analistait@hotmail.com vlwsssss abraços otimo post!

sistemasdeinformacao disse...

Meu amigo tu ee fera!!
Nao consigo fazer download dos efeitos, assim como muitos..
cara manda um email para andrepm31@yahoo.com.br

Cara agradeço muito a vc, abraços

Anônimo disse...

Amigo como todos, eu também não consegui baixar o arquivo, vc poderia me mandar neste email vaninho_gev@hotmail.com

gostaria de estudar os efeitos.

desde já gradeço.

Anônimo disse...

Sou mais uma q estou tentando trabalhar com o flex. Adorei os efeitos e quero fazer igual. Porém tmb não consigo fazer o download, me manda por e-mail por favor!!!

anapribeiro11@yahoo.com.br
ou
anapaul4.ribeiro@gmail.com

Obrigada

Pablo disse...

Poxa muito massa, vou fazer meu projeto de TC usando flex + java + hibernate. Estou começando a ver Flex agora, vc poderia me dar uma idéia de como posso fazer para meu botão fechar um panel que surge na tela através de uma função? Assim, não sei se fui claro, eu tenho um botão que chama um panel, e no panel eu adiciono um botão(alem de outros componenetes) e quero usar esse botão para fechar esse panel. A minha funcao botao.addEventListener(MouseEvent.CLICK, evento_mouse); funciona, com eventos, chamar mensagens e talz, mas não to achando uma pra fechar eu tentei através do PopUpManager.removePopUp mas nada acontece..vlw pelas dicas =D