 |
|
||||
 Planilha Web - Planilhas e Calculadoras online para estudantes e profissionais de Engenharia Civil, Engenharia Elétrica e Engenharia Mecânica. |
|||||
Você está aqui: Adobe Flex ::: Dicas & Truques ::: Imagens e Processamento de Imagens |
Como carregar imagens dinamicamente em um componente <mx:Image> ao clicar em um botãoQuantidade de visualizações: 13295 vezes |
O carregamento de imagens dinamicamente em Flex é uma exigência de muitas aplicações que lidam com gráficos e imagens. Esta dica mostra como você pode usar a propriedade source da classe mx:Image para carregar imagens em tempo de execução. Veja que temos dois botões e três imagens em um diretório chamado "imagens". Ao carregar a aplicação a primeira imagem já é exibida. Quando clicamos nos botões, as outras duas são carregadas. Veja o código completo:
<?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:Panel id="painel" title="Carregando imagens dinamicamente"
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}"/>
</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 |
|
Java - Como remover um elemento de uma determinada posição do ArrayList do Java usando o método remove() |
E-Books em PDF |
||||
|
||||
|
||||
Linguagens Mais Populares |
||||
|
1º lugar: Java |
