forked from: PopUpAnchorを使ってみた

/**
 * Copyright marcsali ( http://wonderfl.net/user/marcsali )
 * MIT License ( http://www.opensource.org/licenses/mit-license.php )
 * Downloaded from: http://wonderfl.net/c/kDHU
 */

<?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:mx="library://ns.adobe.com/flex/mx">
<fx:Style>
        @namespace s "library://ns.adobe.com/flex/spark";
        @namespace mx "library://ns.adobe.com/flex/mx";                   
         
        s|RichText#cvCorps { 
              color: green;    
             }       
</fx:Style> 
      
        <fx:Declarations>
        <s:Animate id="animate1" target="{lm}">
            <s:SimpleMotionPath property="x"  valueFrom="0" valueTo="200"/>
        </s:Animate>
        <s:Animate id="animate2" target="{lm}">
            <s:SimpleMotionPath property="x"  valueFrom="0" valueTo="200"/>
        </s:Animate>
        <s:Animate id="animate3" target="{cv}">
            <s:SimpleMotionPath property="y"  valueFrom="0" valueTo="200"/>
        </s:Animate>
        
        <s:TextFlow id="titreLm">
        <s:p fontSize="16" color="red" textIndent="20" textAlign="justify"> 
            Je me présente à vous, Actuellement en deuxème année à l'Université de Caen,
            je suis à la recehrche d'un travail travail dans l'encadrement et de
            soutien scolaire auprès des jeunes de niveau collège et lycée sur Caen
            et son agglomération, 
            
        </s:p> 
         <s:br/>
        </s:TextFlow>
        <s:TextFlow id="corpsLm" >
       <s:p textAlign="justify">ffffffffffffffffffffffffffffffffffff, 
      consectetuer adipiscing elit. Praesent aliquam, justo convallis 
      luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac 
      quam.</s:p>
      <s:p textAlign="justify">Maecenas urna purus, 
      fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam 
      ut lacus. Quisque ornare risus quis ligula.</s:p>
 
        </s:TextFlow>
        <s:TextFlow id="titreCv">
        </s:TextFlow>
        <s:TextFlow id="corpsCv">
               <s:p textAlign="justify">ffffffffffffffffffffffffffffffffffff, 
      consectetuer adipiscing elit. Praesent aliquam, justo convallis 
      luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac 
      quam.</s:p>
      <s:p textAlign="justify">Maecenas urna purus, 
      fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam 
      ut lacus. Quisque ornare risus quis ligula.</s:p>

        </s:TextFlow>                 
    </fx:Declarations>
     
    <s:Panel width="100%" height="100%"  title="Candidature">
    <s:HGroup id="tot"   x="30%" y="80%" width="10%" height="5%">
        <s:Button label="Présentation"  click="pop1.displayPopUp=true"/>         
        <s:Button label="LM"  click="pop2.displayPopUp=true"/>
        <s:Button label="CV"  click="pop3.displayPopUp=true"/>
    </s:HGroup> 
    
    <s:PopUpAnchor id="pop1"   y="100"  width="100%" height="100%">
        <s:TitleWindow id="pre"  title="Présentation" addedEffect="{animate1}"
                width="300" height="180" close="pop1.displayPopUp=false"> 
          </s:TitleWindow> 
    </s:PopUpAnchor>    
  
    <s:PopUpAnchor id="pop2"   y="100"  width="100%" height="100%">
        <s:TitleWindow id="lm"  title="Lettre de Motivation" addedEffect="{animate2}"
                width="300" height="180" close="pop2.displayPopUp=false"> 
         <s:RichText  id="lmTitre"   textFlow="{titreLm}" width="250" />
         <s:RichText  id="lmCorps"   textFlow="{corpsLm}" width="250" />          
         </s:TitleWindow> 
    </s:PopUpAnchor>
 
    <s:PopUpAnchor id="pop3" popUpPosition="center" width="100%" height="100%">
        <s:TitleWindow  id="cv" title="Curriculum Vitae" addedEffect="{animate3}"
            width="300" height="180" close="pop3.displayPopUp=false">
          <s:RichText  id="cvTitre"   textFlow="{titreCv}"  width="250" />
          <s:RichText  id="cvCorps"   textFlow="{corpsCv}"  width="250" />          
        </s:TitleWindow> 
    </s:PopUpAnchor>
    </s:Panel>
</s:Application>