flash地圖畢業(yè)論文

1、<p><b>　　目錄</b></p><p>　　1 Flash概述2</p><p>　　1.1 Flash發(fā)展史2</p><p>　　1.1.1 總體走向2</p><p>　　1.1.2 版本演變2</p><p>　　1.1.3 可能發(fā)展方向3</

2、p><p>　　1.2 用Flash開發(fā)地圖的優(yōu)點4</p><p>　　2 Flash地圖總體結構、功能及開發(fā)環(huán)境4</p><p>　　2.1 總體結構4</p><p><b>　　2.2 功能4</b></p><p>　　2.3 開發(fā)環(huán)境5</p><

3、p>　　3 制作Flash地圖的主要步棸5</p><p>　　3.1 準備基礎元件5</p><p>　　3.2 拼制全國地圖7</p><p>　　3.3 實現單擊事件8</p><p>　　3.4 詳細地圖11</p><p>　　4 制作Flash地圖的主要技巧12</p&g

4、t;<p>　　5 Flash地圖測試描述13</p><p><b>　　6 結論15</b></p><p>　　6.1 結論15</p><p>　　6.2 不足和改進15</p><p><b>　　致謝16</b></p><p>&

5、lt;b>　　參考文獻16</b></p><p><b>　　摘要：</b></p><p>　　本文主要研究了中國Flash地圖的設計與開發(fā)，研究該課題的主要目的是便于查看中國各地地圖，用戶通過該地圖了解全國省份、道路分布情況，學習地理知識，實現可視化教學，提高中小學生學習地理知識的興趣。地圖主要用Flash CS3技術來實現，通過和Actio

6、nScript搭配使用來實現一些功能。</p><p><b>　　關鍵字：</b></p><p>　　Flash 中國地圖 ActionScript 幀跳轉</p><p>　　1 Flash概述</p><p>　　1.1 Flash發(fā)展史</p><p>　　1.1.1 總體走

7、向</p><p>　　FLASH的前身叫做FutureSplash，當時FutureSplash最大的兩個用戶是Microsoft和Disney【1】。1996年11月，FutureSplash正式賣給MM（Macromedia.com），改名為FLASH1.0 （網上也有信息稱是Flash2.0）。</p><p>　　1.1.2 版本演變</p><p>　

8、　1998年5月31日 Macromedia 推出了Flash3.0 。1999年6月15日 Macromedia 推出了Flash4.0 。自 Flash 進入4.0 版以后，原本的 Shockwave 播放器便變成了僅供 Director 使用。Flash 4.0開始有了自己專用的播放器，稱為“Flash Player”，不過為了保持向下相容性，Flash 制作出的動畫則仍舊沿用了原有的 .SWF文件名（Shockwave Flas

9、h）。</p><p>　　2000年6月24日 Macromedia 推出了Flash5.0 （支持的播放器為 Flash Player 5）Flash 5.0中的ActionScript已有了長足的進步，并且開始了對XML和Smart Clip（智能影片剪輯）的支持。ActionScript的語法已經開始定位為發(fā)展成一種完整的面向對象的語言，并且遵循ECMAScript的標準（就像JavaScript那樣）。

10、</p><p>　　2002年3月15日 Macromedia 推出了Flash MX （也就是測試版中的6.0，后來為了配合MX產品線，正式命名為MX，支持的播放器為 Flash Player 6）。falsh6開始了對外部jpg和MP3的調入支持。同時也增加了更多的內建對象（ 如直接的繪畫控制）。提供了對HTML文本的更精確控制。SetInterval 超頻幀的概念。同時也改進了swf文件的壓縮技術。<

11、;/p><p>　　2003年8月25日 Macromedia 推出了Flash MX 2004（支持用 Flash MX 2004創(chuàng)建的SWF的播放器的版本被命名為 Flash Player 7）。Flash MX 2004增加了許多新的功能【2】：</p><p>　　對移動設備和手機、Pocket PC的支持（以及像素字體的清晰顯示）；Flash Player 運行時性能提高了 2 至

12、5 倍；對HTML文本中內嵌圖像和swf（swf中的獨立swf）的支持；FLV外部視頻的支持（與QuickTime的集成）；對Adobe PDF及其它文檔的支持；基于屏幕的可視開發(fā)環(huán)境；可視編程環(huán)境；高級可控制外觀組件支持；數據綁定；Web 服務和 XML 的預建數據連接器；項目管理功能；源代碼控制系統(tǒng)，同時開始了對Flash本身制作軟件的控制和插件開放JSFL（Macromedia Flash JavaScript API），Macr

13、omedia無疑在開始調動Internet上Flasher們的巨大力量和集體智慧。</p><p>　　1.1.3 可能發(fā)展方向</p><p>　　flash被稱為是“最為靈活的前臺”。由于其獨特和時間片段分割（TimeLine）和重組（MC嵌套）技術，結合ActionScitp的對象和流程控制。使得在靈活的界面設計和動畫設計中成為可能，但一直還未形成一套在flash中的界面設計理論。

14、同時它也是最為小巧的前臺。</p><p>　　flash具有跨平臺的特性（這點和Java一樣），所以無論你處于處于何種平臺，只要你安裝有支持的flash Player。你就能保證它們的最終顯示效果都一致。而不必像在以前的網頁設計中那樣為IE和Mozilla或NetSpace各設計一個版本。同Java一樣。它的可移植性很強。特別是在小型網絡中和小型設備中（當然大型網絡已不用說），最近具有的手機支持功能可以讓你為自

15、已的手機設計你喜愛的功能。當然你必需要有技持flash的手機。當然它還可以應用于Pocket PC上。</p><p>　　那么，flash可能的發(fā)展方向究竟如何？我不能說這些方向中的所有都會實現，因為這也取決于Macromedia的決心，而更多的是flasher們的努力。</p><p>　　應用程序：由于其獨特的跨平臺物性和在界面控制以及多媒體的功能使用得使用flash來制作的應用程序

16、具有很強的生命力。在與用戶的交流方面具有其它任何方式都無可比擬的優(yōu)勢。當然，某些功能你可能還要依賴于XML或者其它諸如JavaScript的客戶端技術來實現，但你能方便在它們的實現數據通信。</p><p>　　操作系統(tǒng)界面：Flash對于界面元素的可控性和它所有表達的效果無疑具有很大的誘惑。對于一個系統(tǒng)的界面你可能要花更多的時間關注它們的接口和界面顯示能力間的驅動。另外一個需要關注的就是你的內存使用和執(zhí)行效率。

17、</p><p>　　手機領域的開發(fā)：轉向手機領域的開發(fā)將會要求你對精確（像素級）的界面設計和CPU的使用分布的操控能力更高。但也意味更大更廣泛的使用空間。事實上手機和Pocket PC的分界已越來越不明顯，你必須為每一款手機（或Pocket PC）設計一個不同的界面，因為它們的屏幕大小各有不同。當然你的內核可能是相同的，所要注意的是你的各類手機的CPU的計算能力和內存的大小。這無疑是些很苛刻的要求。</p

18、><p>　　游戲開發(fā)：事實上，Flash中的游戲開發(fā)已經進行了多年的嘗試。但至今為止仍然停留在中、小型游戲的開發(fā)上。游戲開發(fā)的很大一部份都受限于它的CPU能力和大量代碼的管理。不過可喜的是，Flash Player 7 運行時性能提高了 2 至 5 倍；而且基于 Java 類的結構的類的開始也奠定了這些基礎。</p><p>　　多媒體娛樂：在這方面的內容我想我已不用再多說什么。盡管它的發(fā)展

19、速度沒有像當初預言的那樣迅速（就像計算機那樣），但它仍然還在不斷前進，全新功能也正在擴大它的應用范圍。使用這一點無疑很優(yōu)秀，并且可以為你節(jié)約大量的成本。Flash本身就以多媒體和可交互性而廣為推崇。</p><p>　　1.2 用Flash開發(fā)地圖的優(yōu)點</p><p>　　Java與Flash相比具有明顯的優(yōu)勢，是電子地圖技術的主流方向。不過使用Java地圖的客戶端必須安裝Java虛擬

20、機，對于沒有安裝相關插件的電腦用戶來說，并不能立即使用Java電子地圖。</p><p>　　但對于非專業(yè)的愛好者來說，Flash比Java更輕易把握一些。非凡對于繪制樓盤、小區(qū)或是小城市的地圖，并沒有太多太強的功能要求，使用Flash制作已經足夠了。</p><p>　　對于Flash電子地圖來說，幾乎所有的個人電腦都安裝了Flash Player插件，只要打開瀏覽器即可正常使用。因此對

21、于非專業(yè)的愛好者來說，無論使用或是學習制作Flash電子地圖更為現實一些。只要把握了一定Flash ActionScript的基礎知識，都可以通過學習制作出自己滿足的互動電子地圖。</p><p>　　2 Flash地圖總體結構、功能及開發(fā)環(huán)境</p><p><b>　　2.1 總體結構</b></p><p>　　包含一主要的場景，每一

22、個省份都是一個按鈕，默認情況下顯示藍色，當鼠標經過時變成橙色，鼠標單擊時彈出對話框提示內容,當鼠標移動時對話框自動隱藏。單擊黑龍江省時會直接跳轉到黑龍江省的各地級市、各高速公路、國道、河流的分布情況，當單擊縮放按鈕時有放大縮小功能，單擊返回按鈕可以返回到主頁。</p><p><b>　　2.2 功能</b></p><p>　　具有查看全國各省之間位置相對關系，各

23、省主要情況，以及黑龍江省的詳細地圖。</p><p><b>　　2.3 開發(fā)環(huán)境</b></p><p>　　開發(fā)環(huán)境：Flash CS3；運行環(huán)境：Flash player9.0。</p><p>　　3 制作Flash地圖的主要步棸</p><p>　　3.1 準備基礎元件</p><p&

24、gt;　　新建Flash文件，把舞臺大小設置成800*850像素，用Photoshop畫出一個背景圖像，然后導入到Flash庫中，并把其轉換成元件，并拖入舞臺。如下圖：</p><p>　　圖 3-1-1 Flash地圖的背景圖像</p><p>　　從網上下載一幅中國地圖，并把其導入到Flash庫中，然后新建元件，起名叫“中國全圖”，把此位圖拖入到元件中，然后用鋼筆工具勾勒出全國的國界

25、，并把其填充成深藍色。效果如下圖：</p><p>　　圖 3-1-2 勾勒出的中國全圖</p><p>　　用同樣的方法畫出各省的省圖，并填充上顏色，其中一省的省圖：</p><p>　　圖 3-1-3 安徽省省圖</p><p>　　3.2 拼制全國地圖</p><p>　　把3.1中制作的各省省圖分別制作成

26、按鈕，當按鈕彈起的時候顏色為藍色，指針經過、按下、點擊的時候顏色一率為橙紅色。效果如下圖所示：</p><p>　　圖 3-2-1 按鈕彈起、指針經過時示意圖</p><p>　　把做好的按鈕統(tǒng)一的移到3.1中勾勒的中國全圖上面，并用適當的字體寫出各省的名稱，調整好他們的相對位置，效果如下圖：</p><p>　　圖 3-2-2 拼湊好的中國全圖</p&g

27、t;<p>　　3.3 實現單擊事件</p><p>　　用Photoshop畫出彈出對話框【3】，并把其導入到Flash庫中，然后添加方格，并轉換成影片剪輯，效果如下圖：</p><p>　　圖 3-3-1 彈出對話框</p><p>　　新建影片剪輯，用直線工具畫出下拉條，并線性填充顏色為白色、透明度為15%，顏色為白色、透明度為30%。效果如

28、下圖：</p><p>　　圖 3-3-2 漸變下拉條</p><p>　　把做成的對話框和漸變下拉條分別拖入到舞臺，調整其和各省的相對位置，并在對話框中寫入相應的內容，重復以上操作，為各省都做一個下拉對話框。下圖給出其中一省的效果：</p><p>　　圖 3-3-3 下拉對話框</p><p>　　將上述場景中的按鈕按照省名全稱起名，

29、下拉條按照省名全稱+1起名，對話框按照省名全稱+2起名，文字按照省名全稱+3起名。然后在相應的幀中寫上如下所示的代碼【4】（以安徽省為例）：</p><p>　　anhui1.visible=false;</p><p>　　anhui2.visible=false;</p><p>　　anhui3.visible=false;</p><p&

30、gt;　　function anhuistart(event:MouseEvent):void</p><p><b>　　{</b></p><p>　　anhui1.visible=true;</p><p>　　anhui2.visible=true;</p><p>　　anhui3.visible=true;&

31、lt;/p><p><b>　　};</b></p><p>　　anhui.addEventListener(MouseEvent.CLICK,anhuistart);</p><p>　　function anhuiend(event:MouseEvent):void</p><p><b>　　{</b

32、></p><p>　　anhui1.visible=false;</p><p>　　anhui2.visible=false;</p><p>　　anhui3.visible=false;</p><p><b>　　};</b></p><p>　　anhui.addEventLis

33、tener(MouseEvent.MOUSE_MOVE,anhuiend);以上就完成了單擊事件的功能。</p><p><b>　　3.4 詳細地圖</b></p><p>　　從網絡上找到一幅黑龍江省地圖導入到庫中，然后用鋼筆工具勾勒出省界、國道、高速、河流以及各地級市之間的相對位置，并添加放縮和返回按鈕。以上放到場景的第二幀。為實現第一幀和第二幀之間實現跳轉在

34、第一幀中寫入代碼【5】：</p><p><b>　　stop();</b></p><p>　　function gotoMovie(event:MouseEvent):void</p><p><b>　　{</b></p><p>　　gotoAndPlay(2);</p>&l

35、t;p><b>　　};</b></p><p>　　heilongjiang.addEventListener(MouseEvent.CLICK,gotoMovie);</p><p>　　在縮放按鈕中寫入代碼：</p><p><b>　　stop();</b></p><p>　　fun

36、ction EndMovie1(event:MouseEvent):void</p><p><b>　　{</b></p><p>　　this.play();</p><p><b>　　};</b></p><p>　　a.addEventListener(MouseEvent.CLICK,E

37、ndMovie1);</p><p>　　在返回首頁按鈕中寫入代碼：</p><p><b>　　stop();</b></p><p>　　function gotoMovie2(event:MouseEvent):void</p><p><b>　　{</b></p><p

38、>　　gotoAndPlay(1);</p><p><b>　　};</b></p><p>　　g.addEventListener(MouseEvent.CLICK,gotoMovie2);</p><p><b>　　效果如下圖：</b></p><p>　　圖 3-4-1 黑龍江省

39、詳細地圖</p><p>　　4 制作Flash地圖的主要技巧</p><p>　　通過做這次地圖我從中總結了幾條技巧供大家參考：</p><p>　　在畫全國地圖和各省地圖時應導入一張位圖，然后用鋼筆工具勾勒出線條，等勾勒完成之后再把位圖刪除掉即可。</p><p>　　按鈕可以是規(guī)則的，同樣也可以是任意形狀，也可以是圖片，所以當遇到點擊

40、、掠過、按下鼠標時按鈕是一條捷徑。</p><p>　　當在舞臺上有好多對話框要調整位置的時候，應該一個一個的調整，然后再隱藏相應的圖層，以免相互覆蓋。</p><p>　　在寫繁瑣的ActionScript時應盡量構造一個函數，這樣會使操作簡單。</p><p>　　5 Flash地圖測試描述</p><p>　　當鼠標掠每個省份時，顏色

41、會變【6】，效果如下：</p><p>　　圖 5-1-1 鼠標掠過效果</p><p>　　當單擊每個省份時都會彈出一個提示框，效果如下圖：</p><p>　　圖 5-1-2 鼠標單擊效果</p><p>　　當單擊黑龍江省份時幀會自動跳轉到第二幀，并且顯示黑龍江省詳細地圖，當單擊“縮放”按鈕時地圖會放大縮小，單擊“返回首頁”按鈕時地

42、圖會自動跳轉到圖5-1-1，效果如下圖所示：</p><p>　　圖 5-1-3 黑龍江省詳細地圖</p><p><b>　　6 結論</b></p><p><b>　　6.1 結論</b></p><p>　　通過本次畢業(yè)設計使我懂得了要想做一個合格的作品不是單純想象的那么簡單，也不是隨

43、便的從網絡上下載一個敷衍了事，只有通過真正的做了一遍才能使原本雜亂無章、支離破碎的知識有了一個很好的融會貫通，并初步形成了一個知識體系，對按鈕、ActionScript、圖層、鋼筆工具有了進一步的認識，這次Flash地圖設計要處理的元件、影片剪輯、按鈕、圖層眾多，它培養(yǎng)了我們處理眾多元件、理清眾多圖層之間的先后關系的能力，同時也在無形中培養(yǎng)了我們的處理復雜問題、分清輕重緩急的能力。</p><p>　　雖然有時候

44、感覺整天坐在那里畫圖形是一個很無聊的工作，但是當一種心里想的東西用線條勾勒出來那種成功的喜悅是其他事情無所替代的，有時候遇到不會的問題、陌生的功能的時候，我會主動的去網上、圖書館查閱相關的資料，或者懇請老師答疑，在這期間多多少少的培養(yǎng)了我的自學能力和遇到困難時那種主動解決困難的態(tài)度，有句話說得好“細節(jié)決定成敗，態(tài)度決定命運”，然而我們平時對細節(jié)、態(tài)度觀的形成就是通過好多好多的小事情來實現的，所以我很珍惜這次畢業(yè)設計的機會，雖然時間不是很

45、長，但是它在微觀上讓我明白了想畫好一個讓客戶滿意的Flash，我們必須要有耐心、必須要有“不破樓蘭終不還”的豪情壯志！以前有人說解放戰(zhàn)爭是勝在后勤上、打的是后勤，我想在現代在這個浮躁的社會，成功往往都是以耐心為基石的、比的是耐心！在宏觀上來講我們想做好一件事情必須在內心上要重視它，要付出100%的努力，不能把每件事情都當做自己的負擔，我們要把每一件事情都看作是對自己的一個挑戰(zhàn)，在人生路上是對自己的一個磨練！</p><

46、;p>　　6.2 不足和改進</p><p>　　由于本次畢業(yè)論文時間倉促加上編者水平有限，所以致使頁面不是很美觀，對用戶沒有太大的吸引力，有些功能例如搜索、測距、定位功能沒有實現，在今后的日子里我會繼續(xù)往這方面努力，完善這方面的功能，懇請老師批評并提出寶貴的意見。</p><p><b>　　致謝</b></p><p>　　這次畢業(yè)

47、設計中有很多功能對于我來說非常陌生，甚至有的功能以前從來沒有見過，但是張國華老師利用課余時間對其中一些功能進行了一些指點，我才能將此地圖繼續(xù)的制作下去。</p><p><b>　　參考文獻</b></p><p>　　【1】[美]Ethan Watrall、Norbert Herber; Flash MX 教程與實例精選；電子工業(yè)出版社，2003.</p>

48、;<p>　　【2】 胡明 丁翠紅 王文；Flash CS3多媒體專項設計；電子工業(yè)出版社，2008.</p><p>　　【3】曹培強 吳春燕 孫焱；Photoshop CS2平面設計實戰(zhàn)從入門到精通；人民郵電出版社，2007.</p><p>　　【4】鄭伯鴻；Flash Action Script語法參考詞典；中國鐵道出版社，2002.</p><p