佳佳的窩

最近狂K Flex的功能

Flex+AIR真是一本好書，算是一本有致於學習Flex的入門書

今天要來介紹一下使用Flex製作數位的互動相簿

主要是利用三個檔案完成

Part I:
 
 第一個檔主要用到的component有Tilelist，它的特性可以把圖片像矩陣形式的排列。
 
 例：畫面上的相片呈現4X5的排列。

Part II:

  第二個檔則是另外客制化一個VBox元件，並將rollOver和rollOut所要產生的漸變動畫建立好

  並在其內引入一個Image，作為存放圖片的元件。

  例： 實際在畫面上看到滑鼠移上去會顯示出該圖片的說明文字就是此應用

Part III

 第三個檔主要是建立特效，讓整個相片的呈現更有互動性。

 特效主要有利用到Wipe(簾幕特效)、Zoom(比例變化特效)、Fade(淡入淡出的特效)

 例：當滑鼠按下相片時，秀出大相片與縮小回原圖時，皆使用到上述特效。

PS:

至於圖片檔則是利用HTTPService的方法，從外部已寫好的xml檔載入圖片的資訊。

格式如下-->


 
  
  image01.jpg
  彩色
  旅遊
  企鵝王
  澎湖
  2008-09-04 15:23:49.0
  true
 


總結：

上述相簿的效果當然用flash也可以實作，此例並不是用來跟flash作為比較

而是我覺得以這個例子而言，利用flex現成的component實作會更為省事

加上內建多種特效的功能，比起用flash寫，會更為省時省力，以及節省程式碼的行數

當使用Flex開發時，若能把整體再切割成細部且獨立的功能或元件去實作，將可以更方便去維護與更新。