[AS編程教學]圖片Gallery製作大師教程?

Gallery是圖片切換展示的一種交互作品，多用於網站首頁或攝影網站的圖片展示。本篇教程標題叫“大師程”，自然是與高級教程有所差別：首先我們用FlashDevelop來創建工程文件來做這個小項目，其次我們將所有圖片配置在xml裡面用外部讀取的方式加載顯示圖片，最後動態創建相冊。

這樣做的好處就是圖片的數量和名稱不限制，隨便修改，作品一旦完成，後期的維護工作就徹底和原作者無關了。

完成效果如下圖所示：

工具/原料

FlashCS3(及其以上版本)，PhotoShop（任意版本） 10張圖片

步驟/方法

打開FlashDevelop,執行“project/new project”，新建一個工程文件。

工程文件新建好後，我們額外創建一個“fla”文件夾，用來放fla源文件，這是個人習慣，現在的文件夾結構和FD工程文件結構如下圖所示。

因為我們的類文件都放在src下面，所以在發佈設置里加入src的相對路徑。

進行準備的製作：10張圖片，兩個左右按鈕，一個圖片集元件。因為圖片元件裡的圖片是外部加載，所以我們只需要保留一幀即可。

接下去我們寫圖片集類PicItem.as。圖片集只需要一個單擊事件方法，一個外部設置圖片內容的方法：

因為圖片要動態地加載進來，然後動態地放置到圖片集容器中去，所以我們需要寫一個圖片內容的配置文件picInfo.xml：

寫完這個我們寫文檔類Main.as。文檔類與高級教程的差別是一開始讀取xml加載圖片，等所有圖片加載完畢後然後開始創建其餘內容：

將文檔類Main.as,圖片集容器類PicItem.as,分別鏈接到各自對應的元件中，然後發佈測試，效果OK！

注意事項

製作的過程中記得反覆測試，我也不是一蹴而就的。

要注意需要圖片全部加載完畢後再進行其餘元件和功能的創建，否則會有異常bug.