ActionScript 範例下載 – Flash XML 選單設計範例 – 簡易版

XML 文件簡介

XML 規格文件的應用十分的廣泛,這一篇在此我們並沒有要討論 XML 的技術結構,重點是要分享飛肯 ALEX 老師 製作的 XML 與 Flash 選單應用範例,所以這兒對於 XML 僅只做一點點的介紹,如果您對於 XML 文件有很大的興趣,不仿多多利用萬能的 Google 大神,就可以找到許多更深入的技術文件。

ActionScript 程式設計  - ActionScript 範例下載 - Flash XML 選單設計範例 - 簡易版 - flycanxml04

XML 全名 eXtensible Markup Language 主要是用來定義結構化的資料集合,讓我們的資料內容更容易被使用,更容易整理,例如排序、分類、查詢…等優點。XML 是使用 unicode 格式所寫成的純文字文件,結構標籤與 HTML 語法十分類似,所以只要是有學過 HTML 語法 的人馬上就可以上手,相當的簡單易學。

HTML 語法是由 W3C 協會所製定的標準化文件,標籤是固定的,各自擁有特定的功能,網頁設計師是不能夠任意更改 HTML 的標籤名稱,然而 XML 的結構標籤則是完全由我們自己來決定的,例如 <book> </book> 或是 <flycan> </flycan> 或是 <GOGO> </GOGO>….。 XML 既然是純文字文件,所以最簡單的方法可以使用記事本來寫,就跟 HTML 一樣可以使用記事本來編輯,另外也可以使用 PHP 或 ASP .NET 程式整合在一起,由資料庫直接產生大量的 XML 資料內容。

ActionScript 3.0 與 XML 文件

Flash ActionScript 3.0 對於 XML 資料的處理和整合能力相當強大,也是 Adobe 對於 Flash 十分自豪的原因之一, 使用 ActionScript 3.0 加上 XML 文件就可以做出各種可以增減選項數量的 Flash 選單、可自由擴充相片數量及說明文字的 Flash 電子相本。另外,透過 XML 還可以讓 Flash 和 PHP 或 ASP .NET 資料庫的網頁快速整合在一起…等,實在是好用的不得了啊!

簡易版 Flash XML 選單設計範例

接下來我們就來練習使用一個 XML 文件製作 Flash 選單設計,在 Flash 之內使用 ActionScript 3.0 程式設計完成,以後只要使用 記事本打開 XML 文件就以修改 Flash 選單上的文字還有超連結。這個範例是飛肯設計學苑的 ALEX 老師所撰寫的,咱們 ALEX 老師的「ActionScript 3.0 中階陣列迴圈特訓班」在飛肯是很受歡迎的唷,上過課的同學記得要幫忙推一下喔~ 呵~ 呵~

Step 1

首先,使用「記事本」開一個新文件,打上一些 XML 結構標籤和內容文字,存檔的時候副檔名自己加上 .xml 即可,如下圖:

ActionScript 程式設計  - ActionScript 範例下載 - Flash XML 選單設計範例 - 簡易版 - flycan-xml-01

Step 2

再來,打開 Flash 開始要來寫 ActionScript 了喔,要使用 Flash CS3 或是 Flash CS5 在 XML 這一部份基本上是沒什麼差別的,我們要寫的都是 ActionScript 3.0 的語法,完全是一樣的,如下圖:

ActionScript 程式設計  - ActionScript 範例下載 - Flash XML 選單設計範例 - 簡易版 - flycan-xml-02

Step 3

ActionScript 3.0 的語法使用 URLLoader 類別就可以將 xml 資料載入到 Flash 之內,完整程式碼如下圖所示,本篇教學的最下方可下載完整 FLA 原始檔。

ActionScript 程式設計  - ActionScript 範例下載 - Flash XML 選單設計範例 - 簡易版 - flycan-xml-03

Step 4

本範例完成後,如下圖:

ActionScript 程式設計  - ActionScript 範例下載 - Flash XML 選單設計範例 - 簡易版 - flycan-xml-04

範例 SWF 預覽 http://www.flycan.com/example/2010_12 … menu/Flycan_XML_menu.html

範例 FLA 原始檔下載 http://www.flycan.com/example/2010_12_30_xml_menu/Flycan_XML_menu.zip

感謝您對飛肯設計學苑的愛護

課程內容請參考「 ActionScript 3.0 中階陣列迴圈特訓班

謝謝 ! 謝謝 !

by
姜智豪
老師

 

當您對本文有任何問題或指教,歡迎到我們的【網頁設計交流討論區】一起交流討論喔!

 

關於「姜智豪 老師」

於 1996 年開始從事網頁設計工作 20 多年,參與設計過許多網站專案的開發,一直熱衷網頁設計工作至今。從 1998 年開始從事教學工作,對於網頁設計教學有相當高的熱忱,於 2006 年創立飛肯設計學苑。主要專長 Photoashop、 HTML、CSS、RWD、JavaScript、jQuery 等網頁技術,對於 SEO 優化搜尋引擎排名提昇,以及 Instructional Design 教學專案設計亦有深入的研究。
posted in ActionScript 程式設計 and tagged , , , , .

留言功能已關閉。