本文是一篇基于XML的FLASH網(wǎng)站制作教程,利用XML最基本的語(yǔ)言描述方式,加上FLASH制作的動(dòng)態(tài)界面,能快速、簡(jiǎn)便的開(kāi)發(fā)FLASH網(wǎng)站,最重要是以后再更新FLASH網(wǎng)站時(shí)就非常方便,只許修改一下XML文件即可。如果想開(kāi)發(fā)一個(gè)不支持?jǐn)?shù)據(jù)庫(kù)空間上的的FLASH網(wǎng)站,或是說(shuō)數(shù)據(jù)量太小,使用數(shù)據(jù)庫(kù)顯得太笨拙的話,使用XML將是最方便的方法。Over,先看教程。
本教程實(shí)例站點(diǎn) http://www.flashempire.com/exdesign/
本實(shí)例的目的是想用FLASH制作一個(gè)設(shè)計(jì)作品集(portfilio),就是個(gè)人主頁(yè)及設(shè)計(jì)公司中常用的那種工作展示。由于天天工作,每隔幾天總會(huì)有些新作品可以放進(jìn)作品集中,總不能隔三差五的去修改FLASH源文件再輸出吧,用數(shù)據(jù)庫(kù)做這么小的數(shù)據(jù)存取又顯得太笨拙,這個(gè)時(shí)候就得用到XML了,不需要數(shù)據(jù)庫(kù),不需要空間支持,只要有FLASH和XMl文件即可......。先看看個(gè)人作品的簡(jiǎn)單數(shù)據(jù)表設(shè)計(jì):
字段 |
內(nèi)容 |
name |
設(shè)計(jì)作品名稱 |
src |
設(shè)計(jì)作品的鏈接 |
intro |
簡(jiǎn)單描述 |
cate |
作品所屬分類(lèi)(網(wǎng)站/動(dòng)畫(huà)/游戲/多媒體..) |
這樣一個(gè)數(shù)據(jù)庫(kù),加個(gè)主鍵ID,有點(diǎn)像數(shù)據(jù)庫(kù)表 ,不過(guò)現(xiàn)在不能使用數(shù)據(jù)庫(kù),必須以XML的方式來(lái)記錄這些數(shù)據(jù),那么我們?cè)俳⒁粋(gè)data.xml文件,并寫(xiě)入一個(gè)類(lèi)似于此的數(shù)據(jù)描述結(jié)構(gòu)
<第一段代碼>代碼拷貝框
[Ctrl+A 全部選擇 然后拷貝]
這里有幾個(gè)小問(wèn)題: 首先,我使用的是 encoding='UTF-8',表示數(shù)據(jù)編碼方式是UTF-8,采用此方式的主要好處是便于在FLASH中讀取數(shù)據(jù),并且在任何語(yǔ)言平臺(tái)(如日文或其它國(guó)家操作系統(tǒng))上,都能正存的顯示出我的中文字或其它文字。那當(dāng)然,也可以采用encoding='GB2312-80'的中文編碼方式,不過(guò)那樣的話,F(xiàn)LASH中就得加上語(yǔ)法來(lái)標(biāo)記一下了。
由于XML是一種樹(shù)狀的數(shù)據(jù)結(jié)構(gòu),所以他的語(yǔ)法方式與我們傳統(tǒng)的數(shù)據(jù)表不一樣,我們的XML文件中定義了<web>...</web>及<game>..</game>這樣的標(biāo)記,表示的是我在前面數(shù)據(jù)表設(shè)計(jì)中的cate分類(lèi),在此標(biāo)識(shí)塊中的部分,即為屬于這一分類(lèi)的項(xiàng)目。然后再在<web>...</web>這樣的塊中定義每一條記錄,如
<project name="EC ONLINE GAME" src="ec.swf" intro="在線游戲"/>
一條數(shù)據(jù)的內(nèi)容。
好了,現(xiàn)在看看FLASH界面的準(zhǔn)備情況
OK!界面上的內(nèi)容基本上如此了,如果需要更多功能,就自己再增加各種MC之類(lèi)的了 我們?cè)贔LASH的第一幀寫(xiě)上關(guān)鍵的語(yǔ)法部分
<第二段代碼>代碼拷貝框
[Ctrl+A 全部選擇 然后拷貝]
OK,功能的代碼都編寫(xiě)完成了,現(xiàn)在將他應(yīng)用到我們的三個(gè)分類(lèi)按鈕web,animation,game上面 在web按鈕的action中寫(xiě)上:
<第三段代碼>代碼拷貝框
[Ctrl+A 全部選擇 然后拷貝]
以此類(lèi)推寫(xiě)出其它2個(gè)按鈕的release事件。
到此為止我們就設(shè)置完整個(gè)FLASH了,可以測(cè)試一下看是否能把XML文件加載,并轉(zhuǎn)換成相同數(shù)量的圖標(biāo)按鈕顯示出來(lái),用戶點(diǎn)擊相應(yīng)的圖標(biāo),就能將此作品的相關(guān)swf文件loadmovie進(jìn)場(chǎng)景中瀏覽了。
以后如果要增加web分類(lèi)下的新作品,就可以直接在xml中加一條數(shù)據(jù)就行,flash文件本身就可以不做任何修改了,應(yīng)該說(shuō)相當(dāng)方便了。XML的數(shù)據(jù)描述功能在此發(fā)揮了最大的作業(yè),他自定義標(biāo)記,樹(shù)狀的數(shù)據(jù)組織形式直接能被flash作為XMl對(duì)象進(jìn)行讀取,相當(dāng)方便易用。不過(guò)flash目前還不支持直接修改xml文件(如果要實(shí)現(xiàn)通過(guò)flash修改xml文件,必須通過(guò)別的asp或php類(lèi)似腳本),否則的就可以直接用flash做基于xml的小型數(shù)據(jù)庫(kù)網(wǎng)站或應(yīng)用程序了。
本例的源文件中并沒(méi)有完成全部的功能,只做到XML讀入并根據(jù)XML的內(nèi)容排列圖標(biāo)及文字,其它XML中的字段及讀詳細(xì)作品的功能大家可以根據(jù)此例內(nèi)容自行開(kāi)發(fā),相信一定能做出更好的FLASH+XML動(dòng)態(tài)網(wǎng)站。
源文件下載
出處:閃客帝國(guó)
責(zé)任編輯:藍(lán)色
◎進(jìn)入論壇Flash專(zhuān)欄版塊參加討論
|