Création d'un pop-up dans FLEX 3.0

J'ai créé un popup qui est un composant personnalisé étend Toile je veux que l'aspect de la toile soit similaire à celui montré dans l'image. est-il une idée que comment créer une pop-up similaire comme ça. enter image description here Création d'un pop-up dans FLEX 3.0

Ici je donne vous l'exemple de code que je l'ai fait jusqu'à présent ...

<?xml version="1.0" encoding="utf-8"?> 
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" width="550" height="350" backgroundAlpha="0"> 
<mx:Script> 
    <![CDATA[ 
     import mx.managers.PopUpManager; 

     public function btnImage_click():void 
     { 
      PopUpManager.removePopUp(this); 
     } 

    ]]> 
</mx:Script> 
<mx:Image source="Images/close.png" top="4" left="500" useHandCursor="true" buttonMode="true" click="{btnImage_click();}" /> 
<mx:Fade id="fadeIn" duration="700" alphaFrom="0.0" alphaTo="1.0"/> 
<mx:VBox height="100%" width="100%" horizontalAlign="center" verticalAlign="middle"> 
    <mx:Canvas height="85%" width="90%" backgroundColor="#ffffff" backgroundAlpha="1" > 
     <mx:VBox height="100%" width="100%"> 
      <mx:HBox height="70%" width="100%" horizontalAlign="center" verticalAlign="middle"> 
       <mx:Image id="btnPrevious" source="Images/previous.png" 
        click="{vsSubImages.selectedIndex--}" enabled="{vsSubImages.selectedIndex!=0}"/> 
       <mx:ViewStack height="100%" width="90%" creationPolicy="all" id="vsSubImages"> 
        <mx:VBox height="100%" width="100%" horizontalAlign="center" verticalAlign="middle" showEffect="{fadeIn}"> 
         <mx:Image id="img1" maintainAspectRatio="true" height="100%" width="100%" horizontalAlign="center" verticalAlign="middle" />  
        </mx:VBox>     
        <mx:VBox height="100%" width="100%" horizontalAlign="center" verticalAlign="middle" showEffect="{fadeIn}"> 
         <mx:Image id="img2" maintainAspectRatio="true" height="100%" width="100%" horizontalAlign="center" verticalAlign="middle" />  
        </mx:VBox>     
        <mx:VBox height="100%" width="100%" horizontalAlign="center" verticalAlign="middle" showEffect="{fadeIn}"> 
         <mx:Image id="img3" maintainAspectRatio="true" height="100%" width="100%" horizontalAlign="center" verticalAlign="middle" />  
        </mx:VBox>     
       </mx:ViewStack> 
       <mx:Image id="btnNext" source="Images/next.png" 
        click="{vsSubImages.selectedIndex++}" enabled="{vsSubImages.selectedIndex!=2}" /> 
      </mx:HBox> 
      <mx:Box height="30%" width="100%" horizontalAlign="right" verticalAlign="top"> 
       <mx:Form height="100%" width="100%"> 
        <mx:FormItem label="Project Name : " > 
         <mx:Label id="lblName" /> 
        </mx:FormItem> 
        <mx:FormItem label="Description : " > 
         <mx:Label id="lblDescription" /> 
        </mx:FormItem> 
        <mx:FormItem label="Technology Name : " > 
         <mx:Label id="lblTechnology" /> 
        </mx:FormItem> 
       </mx:Form> 
      </mx:Box> 
     </mx:VBox> 
    </mx:Canvas> 
</mx:VBox> 
</mx:Canvas>

L'idée principale est de montrer le bouton de fermeture sur la toile actuellement je reçois que derrière le canevas. S'il vous plaît aidez-moi.

Source

2012-01-23 Sagar Rawal

Mettez la balise <mx:Image source="Images/close.png" top="4" left="500" useHandCursor="true" buttonMode="true" click="{btnImage_click();}" /> tout en bas du code avant la dernière balise </mx:Canvas>. Parce que la toile se comporte comme le dernier est au sommet de l'index z.

Source

2012-01-23 07:31:14

merci .. bonne réponse ... –

Création d'un pop-up dans FLEX 3.0

Répondre

Questions connexes