Adobe Flex
Adobe 為學術界提供Adobe Flex Builder 3 Pro 免費授權
星期一, 4月 14th, 2008想擁有一套免費的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 製作動畫效果
星期五, 4月 11th, 2008學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” [...]
Adobe Flex 調整基本外觀範例
星期五, 4月 11th, 2008在Adobe Flex 中調整外觀的方式有很多, 在這裡Show出了幾種方法:
使用CSS (記得並不是所有的CSS都能夠使用)
直接在TAG裡面指定屬性(但這樣維護會很麻煩, 因為以後若要改就要大動工程)
用ActionScript的SetStyle method. (缺點是一次只能指定一個屬性)
注意事項:
使用setSyle雖然一次只能指定一個, 但是某些效果卻只有他能做到.
使用CSS時, 不用body, 要用Global來調整全部的網頁的屬性(比如說統一字型, 統一顏色等)
使用CSS class時, 在<mx: > 中記得屬性是 styleName=”css class name”
若style之間有衝突, STYLE的先後順序:
在MXML裡面的一定先取
class style
type style
程式內的parent container
程式內的parent container 的 class
程式內的parent container 的 type selector
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 [...]