 |
|
Você está aqui: Adobe Flex ::: Dicas & Truques ::: Efeitos Visuais e de Transição |
Como aplicar um efeito mx:Fade ao carregar imagens no componente mx:ImageQuantidade de visualizações: 10366 vezes |
|
O efeito Fade permite aplicar um efeito bem interessante em imagens, principalmente na transição destas. Este efeito funciona alterando a propriedade alpha da imagem, ou seja, de transparente para opaca e vice-versa. Como sabemos, todas as vezes que carregamos uma imagem em um componente Image, o evento completeEffect é disparado para indicar que a imagem foi carregada completamente. Neste exemplo tiramos proveito deste evento para aplicar um efeito de transição entre a imagem atual e a imagem recém-carregada:
<?xml version="1.0" encoding="iso-8859-1"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
<mx:Script>
<![CDATA[
[Bindable]
private var imagem:String = "imagens/img1.jpg";
private function exibirImagem(qual:String):void{
imagem = qual;
}
]]>
</mx:Script>
<mx:Fade id="fadeMeIn" duration="1500" alphaFrom="0" alphaTo="1" />
<mx:Panel id="painel" title="Usando o efeito Fade em imagens"
height="80%" width="80%" horizontalAlign="center"
verticalAlign="center" paddingTop="10" paddingLeft="10">
<mx:Button label="Imagem 1"
click="exibirImagem('imagens/img2.jpg')" />
<mx:Button label="Imagem 2"
click="exibirImagem('imagens/img3.jpg')" />
<mx:Image source="{imagem}" completeEffect="{fadeMeIn}" />
</mx:Panel>
</mx:Application>
|
 Link para compartilhar na Internet ou com seus amigos: |
Veja mais Dicas e truques de Adobe Flex |
Dicas e truques de outras linguagens |
E-Books em PDF |
||||
|
||||
|
||||
Linguagens Mais Populares |
||||
|
1º lugar: Java |
