Imagen de fondo Flex4

Hola a todos, querría saber como puedo hacer para colocar una imgen de fondo en una aplicación Flex4, tal como lo tengo montado si pongo una imagen no sé como hacerlo para que el resto de componentes me los coloque por encima
Alguna idea?

Código Flex :

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
            xmlns:s="library://ns.adobe.com/flex/spark" 
            xmlns:d="http://ns.adobe.com/fxg/2008/dt" 
            xmlns:fc="http://ns.adobe.com/flashcatalyst/2009" 
            xmlns:mx="library://ns.adobe.com/flex/mx" backgroundColor="#eae8df" maxWidth="1280" maxHeight="1024" minWidth="955" minHeight="600" width="100%" height="100%" xmlns:ebus="*" initialize="appInit();">
   <s:layout>
      <s:VerticalLayout gap="0" horizontalAlign="justify" />
   </s:layout>
   <fx:Declarations>
      <!-- Place non-visual elements (e.g., services, value objects) here -->
   </fx:Declarations>
   
   <fx:Script>
      <![CDATA[
         //Mi código         
      ]]>
   </fx:Script>
   
   
   <s:BitmapImage smooth="true" source="@Embed('/assets/images/folder/Titulo.jpg')" d:userLabel="IMyImages" x="-10" y="-5" id="bitmapimage9" height="24%"/>
   <s:HGroup width="100%" height="80%">
      <mx:VBox height="100%" width="30%">
         <ebus:VideoConference id="videoConference" width="100%" height="60%" />
         <ebus:Xat id="xat" width="100%" height="40%" />
      </mx:VBox>
      <mx:VBox height="100%" width="70%">
         <ebus:Documents id="docs" width="100%" height="60%" />
         <mx:HBox height="40%" width="100%">
            <ebus:AgentNotes id="notes" width="50%" height="100%" />
            <ebus:Imatges id="imatges" width="50%" height="100%" />
         </mx:HBox>
      </mx:VBox>
   </s:HGroup>
</s:Application>

Lo que yo querría es poder añadir una imagen "Fondo.png" y que todo el "<s:HGroup" quedara por encima

Muchas gracias
Palacio

Mira los estilos de Application (donde por ejemplo tienes seteado backgroundColor), hay uno para imagen de fondo

Jorge

Con flecito 3 yo hago lo siguiente ( aunque no recurro a esto) haces lo siguiente

Application {
backgroundImage: Embed(source="/assets/Background.png");
backgroundColor: undefined;
}

por supuesto que esto va en el css de la aplicacion , lo otro que puedes hacer es atrves del flash
es crear desde ahi y luego cargarlo atraves del swf o bien hacer un css solo para las imagen de fondo
y ya podras cambiarla dinamicamente

suerto gueon

Hola, he leido vuestras sugerencias y en Aplication no me aparece ninguno que se parezca a backgroundColor, tanto si uso "<s:Aplication", como si uso "<mx:Aplication", siendo s="library://ns.adobe.com/flex/spark" y mx="library://ns.adobe.com/flex/mx"

Palacio

Perdón quería decir lo siguiente:
Hola, he leido vuestras sugerencias y en Aplication no me aparece ninguno que se parezca a backgroundImage, tanto si uso "<s:Aplication", como si uso "<mx:Aplication", siendo s="library://ns.adobe.com/flex/spark" y mx="library://ns.adobe.com/flex/mx", de hecho cuando escribo backgroundImage me dice que ese atributo no está disponible.

Muchas gracias
Palacio

Abre Flex, dale a F1 (help), busca la clase Application, mira en las propiedades, busca la adecuada, úsala

Jorge

Aunque sea han mirado la ayuda ustedes mismos? el atributo "backgroundimage" ha sido eliminado del componente Application en flex 4, esta y otras omisiones hacen de este componente algo más liviano.

Para responder, en flex 4 puedes hacer un skin y aplicarlo, modificar la clase application o algo extremadamente simple y es poner un control "Image" como primer elemento en tu mxml. Con esto simplemente quiero aclarar que no hay nada de malo con la forma en la que lo haces EXCEPTO por el layout, que básicamente define que nada puede estar detrás de nada, si lo quitas y usas una técnica diferente para localizar tus elementos, podrás tener tu fondo

<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx">


PRUEBA ESTO PELADO:
<!--make a background for the whole page -->
<s:BorderContainer width="100%" height="100%"
backgroundImage="@Embed('images/bkg/grey_grid.gif')"
backgroundImageFillMode="repeat" >



<!--make an inner area with a graphic background -->
<s:BitmapImage id="legalPad"
source="@Embed('images/bkg/legalPad.gif')"
fillMode="repeat"
left="40" top="100"
width="825" height="200" />

</s:BorderContainer>
</s:Application>