想擁有一套免費的Adobe Flex Builder 3 Pro嗎?
不用再辛苦去搜尋引擎找盜版的來使用,
也不必擔心程式用了60天就掛點..

Adobe 為了鼓勵學術界使用Adobe Flex Builder 3,
特別提供免費的授權序號, 讓您無後顧之憂!

下載步驟:
1. 先到Adobe 官方網站下載 Adobe Flex Builder 3 試用版 (60天)
2. 到 http://www.flexregistration.com/ 註冊您的EMAIL 及上傳一張學生證或在學證明
3. 大概過了一到二星期就會回覆您的EMAIL啦~

Cheers~

學Adobe Flex最酷的效果莫過於看到button 的移動了…
用Adobe Flex可以用程式寫效果, 不用再用FLASH畫也可以做出相對效果.
以下是一些特效的範例:

<?xml version="1.0″ encoding="utf-8″?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical">

<mx:Script>
 <![CDATA[
  
  import mx.effects.easing.Back;
  
 ]]>
</mx:Script>
 <mx:Button label="Button" width="273″ height="99″  mouseDownEffect="{effect1}"/>
 <mx:Button label="MoveIT" mouseDownEffect="{effect2}"/>
 <mx:AnimateProperty id="effect1″ property="x" fromValue="10″
  toValue="100″ duration="2000″
   easingFunction="Back.easeOut"
  />
  <!– East In, East Out, 回彈效果–>
  
 <mx:Blur id="effect2″ blurXFrom="0″ blurXTo="100″ duration="2000″ />
 <!– 模糊 –>
 <!– blurXTo 間距 –> 
 
 
 <mx:Button label="Dissolve" mouseDownEffect="{effect3}"/>
 <mx:Dissolve id="effect3″  alphaFrom="1″ alphaTo="0″ duration="2000″ />
 <!– 溶解 –>
 
 <mx:Button label="Fade" mouseDownEffect="{effect4}"/>
 <mx:Fade id="effect4″  alphaFrom="0″ alphaTo="1″ duration="3000″ />
 <!– 淡入 –>
 
 <mx:Button label="Glow" mouseDownEffect="{effect5}" width="267″ height="100″/>
 <mx:Glow id="effect5″  alphaFrom="0″ alphaTo="1″  blurXFrom="0″ blurXTo="100″ duration="500″  repeatCount="3″ repeatDelay="4″/>
 <!– 光暈 –>
 
</mx:Application>

  1. 在Adobe Flex 中調整外觀的方式有很多, 在這裡Show出了幾種方法:
  2. 使用CSS (記得並不是所有的CSS都能夠使用)
  3. 直接在TAG裡面指定屬性(但這樣維護會很麻煩, 因為以後若要改就要大動工程)
  4. 用ActionScript的SetStyle method. (缺點是一次只能指定一個屬性)

注意事項:

  • 使用setSyle雖然一次只能指定一個, 但是某些效果卻只有他能做到.
  • 使用CSS時, 不用body, 要用Global來調整全部的網頁的屬性(比如說統一字型, 統一顏色等)
  • 使用CSS class時, 在<mx: > 中記得屬性是 styleName="css class name"

若style之間有衝突, STYLE的先後順序:

  1. 在MXML裡面的一定先取
  2. class style
  3. type style
  4. 程式內的parent container
  5. 程式內的parent container 的 class
  6. 程式內的parent container 的 type selector
  7. Global Style

 

<?xml version="1.0″ encoding="utf-8″?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" creationComplete="init()">

<mx:Style>
Button {
 
 font-style: italic;
 fontFamily: "Comic Sans Ms";
 
}
global{
 
 font-size:20px;
 
}

.thisisclass{

 font-weight:bold; 

}
</mx:Style>

 <mx:Script>
  <![CDATA[
   //one time on one property, not suggest
   private function init() {
    myButton.setStyle("fontSize", 15); 
   }
   
  ]]>
 </mx:Script>
 <mx:Text text="haha" />
 <mx:Button id="myButton" label="click me"  alpha="10″ width="282″ height="149″/>
 <mx:Text text="UsingClass"   styleName="thisisclass" />
 
</mx:Application>