Flash : ImageSelector 圖片隨選器 (2011.07.05更新)

寫在前面 (2018年補充)

本工具以 Flash 開發，如果使用較新版的網頁瀏覽器開啟此小工具，出現類似「無法載入設定檔」的錯誤訊息而不能使用，請先參考底下的兩篇說明：

• 雄 : Flash : Flash Player projector

• 雄 : Flash : 開放瀏覽器讀取本機的設定檔

上一次在寫我的第二代抽號碼機時，頭像圖片的處理偷懶，數字在跑的時候，頭像並沒有跟著變換，只在號碼選定以後載入對應號碼的圖片檔。最近剛好網友 glglace 需要一個 selector 可以按按鈕以後先秀幾張圖片，再停格在某張圖片上，這個工具可以應用在教學活動上。乘這個機會，花了一點時間研究一下 Flash 的：

• XML
• MovieClipLoader.loadClip

以前我都是利用 loadVariablesNum 來載入題庫檔，這一次試著用 XML.load 來載入 XML 格式的設定檔，好處是：設定檔較結構化，看起來較清楚。
另外，利用 MovieClipLoader.loadClip 來載入圖片或是影片檔，我們可以針對載入開始(onLoadStart)、結束(onLoadComplete)、發生錯誤(onLoadError) ...... 等，寫一個「偵聽」程序，讓載入的情形可以更清楚的掌握並應對，這部份是用 loadMovie 做不到的。
下面先來介紹一下這個 「ImageSelector 圖片隨選器」。


這支程式基本的檔案如下：

• ImageSelector.swf (主程式)
• set.xml (設定及圖片清單)

以下面這個 set.xml (2011.07.05修改了部份格式)來說明可設定的選項：

<?xml version="1.0" encoding="utf-8"?>
<ImageSelector>
<settings images_folder="images" />
<settings repeat="no" />
<settings show="10" />
<settings sleep="0" />
<images>
<img src="autumn.jpg" />
<img src="fall_eaves.jpg" />
<img src="fighter_plane.jpg" />
<img src="flowers.jpg" />
<img src="lotus_flower.jpg" />
<img src="munich_waterfront.jpg" />
</images>
</ImageSelector>

• <settings images_folder="images" /> 指定了圖片檔儲存的目錄是 images
• <settings repeat="no" /> 告訴程式：同一張圖片是(yes)否(no)可以重覆出題。
• <settings show="10" /> 則是讓程式在顯示題目前，先隨機展示 10 張圖。
• <settings sleep="0" /> 設定在隨機展示圖片時，兩張圖片中間的延遲時間。
• 至於圖片檔案的清單則是放在 ：
  <images> ....... </images> 中間的 <img src="xxx.jpg" />
  ，上面的設定預計使用 autumn.jpg, fall_eaves.jpg, fighter_plane.jpg, flowers.jpg, lotus_flower.jpg, munich_waterfront.jpg 六張圖片，只要把它們存入 images_folder 所指定的 images 資料夾，程式就會自動載入到 Flash 中。

先簡單的說明，有興趣的可以玩玩看。

※ 改版：ImageSelector 圖片隨選器 II

更新記錄

• 2011.07.05 網友 Erin 發現如果放到網路上，圖片會出不來。已修正這個這個問題。另外，順便將之前我對 XML 格式認識不夠，沒有使用正確語法的問題，請有使用的朋友注意一下設定中，前後多了 ＜ImageSelector＞ 和 ＜/ImageSelector＞ ，而原來最後一行的 ＜/xml＞ 已去掉。