Você está aqui: Adobe Flex ::: Dicas & Truques ::: Aplicativos e Outros |
Como definir a imagem de fundo para suas aplicações FlexQuantidade de visualizações: 9498 vezes |
Em algumas situações precisamos definir uma imagem de fundo para a nossa aplicação Flex. Esta é uma tarefa relativamente fácil que pode ser feita de duas formas: 1) Definindo a imagem diretamente na propriedade backgroundImage do elemento Application ou 2) Criando um elemento <mx:Style>. Veja como podemos definir o caminho e nome da imagem diretamente na propriedade backgroundImage do elemento Application: <?xml version="1.0" encoding="iso-8859-1"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" backgroundImage="imagens/fundo.jpg"> <mx:Button id="btn" label="Clique Aqui!" /> </mx:Application> Se quisermos que a imagem seja incorporada ao arquivo SWF, em vez de ser carregada em tempo de execução, basta usarmos a diretiva Embed. Veja: <?xml version="1.0" encoding="iso-8859-1"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" backgroundImage="@Embed('imagens/fundo.jpg')"> <mx:Button id="btn" label="Clique Aqui!" /> </mx:Application> Observe agora como criar um elemento <mx:Style> e definir a imagem de fundo usando CSS: <?xml version="1.0" encoding="iso-8859-1"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"> <mx:Style> Application{ backgroundImage: "imagens/fundo.jpg"; } </mx:Style> <mx:Button id="btn" label="Clique!" /> </mx:Application> Finalmente, veja como usar Embed para incorporar a imagem ao arquivo SWF: <?xml version="1.0" encoding="iso-8859-1"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"> <mx:Style> Application{ backgroundImage: Embed('imagens/fundo.jpg'); } </mx:Style> <mx:Button id="btn" label="Clique Aqui!" /> </mx:Application> |
![]() |
Veja mais Dicas e truques de Adobe Flex |
Dicas e truques de outras linguagens |
E-Books em PDF |
||||
|
||||
|
||||
Linguagens Mais Populares |
||||
1º lugar: Java |