 |
|
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: 10334 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" |
 Link para compartilhar na Internet ou com seus amigos: |
Veja mais Dicas e truques de Adobe Flex |
Dicas e truques de outras linguagens |
|
Dart - Como testar se um ponto está dentro de um círculo em Dart - Desenvolvimento de Games com Dart Python - Como gerar permutações de uma string em Python usando o objeto permutations do módulo Itertools |
E-Books em PDF |
||||
|
||||
|
||||
Linguagens Mais Populares |
||||
|
1º lugar: Java |
