Flash ActionScript 3.0全站互動(dòng)設(shè)計(jì)

內(nèi)容概要

　　《Flash ActionScript 3.0全站互動(dòng)設(shè)計(jì)》從ActionScript
3.0的基礎(chǔ)語(yǔ)法入手，以當(dāng)下Flash網(wǎng)站常見(jiàn)功能模塊和互動(dòng)元素為重點(diǎn)，講解ActionScript
3.0在互動(dòng)網(wǎng)站中的應(yīng)用，包括音樂(lè)播放器、視頻播放器、下拉菜單、滾動(dòng)條、圖片輪動(dòng)、網(wǎng)頁(yè)相冊(cè)、浮動(dòng)導(dǎo)航、XML折疊菜單、數(shù)據(jù)篩選器、新聞顯示器、RSS閱讀器和3D旋轉(zhuǎn)Logo等，并精選兩個(gè)完整網(wǎng)站，剖析全站互動(dòng)設(shè)計(jì)細(xì)節(jié)，讓讀者從新手成為網(wǎng)站互動(dòng)設(shè)計(jì)高手?！　　禙lash
ActionScript 3.0全站互動(dòng)設(shè)計(jì)》配套光盤收錄ActionScript
3.0完全實(shí)用視頻手冊(cè)，彌補(bǔ)本書篇幅所限，全面講解了ActionScript
3.0應(yīng)用的方法與技巧，更收錄了本書所有案例的制作過(guò)程教學(xué)視頻，幫助讀者更好地理解和掌握關(guān)鍵技術(shù)。

書籍目錄

第一部分　ActionScript編程篇
第1章　Flash網(wǎng)站建設(shè)概覽　
1.1　Flash網(wǎng)站設(shè)計(jì)趨勢(shì)　
1.1.1　挑戰(zhàn)傳統(tǒng)的Flash技術(shù)應(yīng)用　
1.1.2　Flash網(wǎng)站的優(yōu)勢(shì)和劣勢(shì)　
1.1.3　技術(shù)更新帶給設(shè)計(jì)師的更高要求　
1.2　Flash網(wǎng)站設(shè)計(jì)師的學(xué)習(xí)之路　
1.2.1　程序或動(dòng)畫：Flash網(wǎng)站設(shè)計(jì)師的選擇　
1.2.2　如何成為優(yōu)秀的Flash網(wǎng)站設(shè)計(jì)師　
第2章　ActionScript 3.0編程基礎(chǔ)　
2.1　ActionScript 3.0入門　
2.1.1　ActionScript 3.0工作環(huán)境　
2.1.2　進(jìn)入ActionScript 3.0的鑰匙：trace　
2.1.3　添加代碼注釋　
2.1.4　定義不同類型的變量(Var)　
2.1.5　數(shù)據(jù)類型與運(yùn)算符　
2.1.6　Flash中的條件語(yǔ)句　
2.1.7　Flash中的循環(huán)語(yǔ)句　
2.1.8　數(shù)組及其操作(Array)　
2.1.9　日期和時(shí)間(Date)　
2.2　ActionScript 3.0編程進(jìn)階　
2.2.1　MovieClip的屬性控制　
2.2.2　ActionScript 3.0的新生事物：Sprite　
2.2.3　動(dòng)態(tài)添加對(duì)象(addChild())　
2.2.4　元件的深度控制(addChild At())　
2.2.5　動(dòng)態(tài)刪除對(duì)象(removeChild()和removeChildAt())　
2.2.6　獲取對(duì)象(getChildAt ()和getChildByName())　
2.2.7　改變對(duì)象的顯示容器　
2.2.8　定義與調(diào)用函數(shù)(function)　
2.2.9　設(shè)置函數(shù)的參數(shù)及返回值　
2.2.10　搞懂函數(shù)的變量作用域　
2.2.11　添加和移除對(duì)象的響應(yīng)事件(addEventListener()和removeEventListener())　
2.2.12　使用事件偵聽器響應(yīng)鍵盤事件　
2.3　Flash ActionScript 3.0面向?qū)ο缶幊獭?br />2.3.1　什么是面向?qū)ο缶幊獭?br />2.3.2　創(chuàng)建對(duì)象(Class)　
2.3.3　添加對(duì)象的屬性和方法　
2.3.4　訪問(wèn)和控制類中的屬性和方法(Static)　
2.3.5　理解繼承與導(dǎo)入　
2.3.6　添加事件偵聽　
2.3.7　創(chuàng)建接口(interface)　
2.4　使用ActionScript 3.0組件　
2.4.1　ActionScript 3.0組件簡(jiǎn)介　
2.4.2　使用UI組件　
2.4.3　自定義UI組件外觀　
2.5　經(jīng)驗(yàn)談　
2.5.1　不要懼怕代碼　
2.5.2　養(yǎng)成良好的代碼書寫習(xí)慣　
第3章　ActionScript 3.0動(dòng)畫　
3.1　創(chuàng)建ActionScript 3.0動(dòng)畫　
3.1.1　使用幀循環(huán)創(chuàng)建動(dòng)畫　
3.1.2　使用EnterFrame事件創(chuàng)建動(dòng)畫　
3.1.3　使用Timer類創(chuàng)建動(dòng)畫　
3.1.4　設(shè)置動(dòng)畫的加速、減速、緩動(dòng)和彈性　
3.1.5　設(shè)置動(dòng)畫的曲線運(yùn)動(dòng)　
3.2　ActionScript 3.0 Tween類動(dòng)畫　
3.2.1　創(chuàng)建簡(jiǎn)單的Tween類動(dòng)畫　
3.2.2　設(shè)置Tween類動(dòng)畫的緩動(dòng)效果　
3.2.3　控制Tween類動(dòng)畫的播放　
3.2.4　ActionScript 3.0特殊動(dòng)畫效果　
3.3　ActionScript 3.0 XML動(dòng)畫　
3.3.1　使用ActionScript 3.0 XML動(dòng)畫　
3.3.2　創(chuàng)建自定義動(dòng)畫類　
3.4　優(yōu)秀的第三方動(dòng)畫類　
3.4.1　TweenLite：輕量級(jí)的動(dòng)畫引擎　
3.4.2　GoASAP：經(jīng)典的第三方動(dòng)畫插件　
第4章　ActionScript 3.0與XML的結(jié)合應(yīng)用　
4.1　理解XML　
4.1.1　為什么要使用XML　
4.1.2　理解XML結(jié)構(gòu)　
4.2　在Flash中創(chuàng)建XML　
4.2.1　E4X：新的XML處理方法　
4.2.2　動(dòng)態(tài)添加X(jué)ML元素與屬性　
4.2.3　修改和刪除XML中的元素　
4.2.4　讀取XML中的元素內(nèi)容　
4.3　加載外部XML數(shù)據(jù)　
4.3.1　加載外部XML文件　
4.3.2　使用XMLList類解析XML對(duì)象的內(nèi)容　
4.3.3　查詢和匹配XML中的元素　
4.3.4　遍歷XML結(jié)構(gòu)　
4.3.5　使用命名空間避免沖突　
第5章　Flash文件加載與數(shù)據(jù)交互　
5.1　Flash加載外部文件　
5.1.1　加載外部圖片　
5.1.2　在加載過(guò)程中添加事件偵聽　
5.1.3　跨域加載文件　
5.2　ActionScript 3.0數(shù)據(jù)交互　
5.2.1　加載文本文件　
5.2.2　加載服務(wù)器端腳本　
5.2.3　向服務(wù)器端腳本發(fā)送數(shù)據(jù)　
5.2.4　應(yīng)用Web Service　
5.2.5　上傳文件　
第6章　Flash與其他軟件的結(jié)合　
6.1　Flash與Photoshop的結(jié)合應(yīng)用　
6.1.1　在Photoshop中為兼容性而考慮的設(shè)計(jì)細(xì)節(jié)　
6.1.2　在Flash中導(dǎo)入PSD文件　
6.1.3　PSD文件中特殊元素的導(dǎo)入　
6.2　Flash與AfterEffects的結(jié)合應(yīng)用　
6.2.1　AfterEffects介紹　
6.2.2　制作Flash中常見(jiàn)的AfterEffects光芒效果　
6.2.3　在Flash中導(dǎo)入AfterEffects動(dòng)畫　
6.2.4　SWF文件的優(yōu)化　
6.3　Flash與Maya的結(jié)合應(yīng)用　
6.3.1　Maya介紹　
6.3.2　制作Flash中常見(jiàn)的Maya動(dòng)態(tài)火焰效果　
6.3.3　在Flash中導(dǎo)入Maya動(dòng)畫　
6.4　其他相關(guān)軟件　
6.4.1　文字特效軟件SwishMax1　
6.4.2　媒體格式轉(zhuǎn)換軟件Total Video Converter　
6.4.3　Flash加密工具SWF Encrypt　
6.4.4　Flash破解工具ActionScript Viewer　
第二部分　互動(dòng)元素設(shè)計(jì)篇
第7章　Flash音樂(lè)播放器制作　
7.1　制作思路　
7.1.1　ActionScript 3.0音樂(lè)播放　
7.1.2　素材準(zhǔn)備　
7.2　制作過(guò)程　
7.2.1　音樂(lè)的加載　
7.2.2　音樂(lè)下載進(jìn)度控制　
7.2.3　MP3文件的ID3屬性的設(shè)置　
7.2.4　音樂(lè)的播放和停止　
7.2.5　音樂(lè)的播放進(jìn)度　
7.2.6　音樂(lè)播放結(jié)束事件　
7.2.7　音樂(lè)進(jìn)度跳轉(zhuǎn)　
7.2.8　音樂(lè)的上一首和下一首播放　
7.2.9　音樂(lè)的音量控制　
7.2.10　音樂(lè)的左右聲道控制　
7.2.11　音樂(lè)波形圖的繪制　
第8章　Flash視頻播放器制作　
8.1　制作思路　
8.1.1　FLV視頻簡(jiǎn)介　
8.1.2　ActionScript 3.0視頻播放　
8.1.3　FLV服務(wù)器配置　
8.2　使用FLVPlayback組件制作視頻播放器　
8.2.1　FLVPlayback組件介紹　
8.2.2　FLVPlayback組件代碼控制　
8.2.3　FLVPlayback組件自定義皮膚　
8.2.4　FLVPlaybackCaptionin組件設(shè)置字幕　
8.3　自制FLV視頻播放器　
8.3.1　視頻的播放　
8.3.2　為視頻添加控制按鈕　
8.3.3　顯示視頻下載和播放進(jìn)度　
第9章　Flash下拉菜單制作　
9.1　制作思路　
9.1.1　下拉菜單基本原理　
9.1.2　素材準(zhǔn)備　
9.2　制作Flash下拉菜單　
9.2.1　XML數(shù)據(jù)的載入　
9.2.2　下拉菜單選擇框的制作　
9.2.3　下拉菜單列表元件的制作　
9.2.4　下拉菜單列表的生成　
9.2.5　下拉菜單的鼠標(biāo)事件響應(yīng)　
9.3　舉一反三　
9.3.1　使用Flash UI組件制作下拉菜單　
9.3.2　經(jīng)典效果1：縣浮菜單　
9.3.3　經(jīng)典效果2：旋轉(zhuǎn)下拉菜單　
第10章　Flash滾動(dòng)條制作　
10.1　制作思路　
10.1.1　Flash滾動(dòng)條基本原理　
10.1.2　素材準(zhǔn)備　
10.2　制作Flash滾動(dòng)條　
10.2.1　滾動(dòng)條元件的制作　
10.2.2　滾動(dòng)條的XML數(shù)據(jù)載入　
10.2.3　滾動(dòng)條的顯示內(nèi)容初始化　
10.2.4　滾動(dòng)條的鼠標(biāo)事件響應(yīng)　
10.2.5　鼠標(biāo)滾輪的鼠標(biāo)事件響應(yīng)　
10.3　舉一反三　
10.3.1　經(jīng)典效果1：橫向滾動(dòng)條　
10.3.2　經(jīng)典效果2：模糊緩動(dòng)效果滾動(dòng)條　
第11章　Flash圖片輪動(dòng)　
11.1　制作思路　
11.1.1　Flash圖片輪動(dòng)基本原理　
11.1.2　素材準(zhǔn)備　
11.2　制作Flash圖片輪動(dòng)　
11.2.1　元件的制作　
11.2.2　XML數(shù)據(jù)載入　
11.2.3　圖片序列的生成　
11.2.4　圖片輪動(dòng)的制作　
11.3　舉一反三　
11.3.1　經(jīng)典效果1：立體空間圖片輪動(dòng)　
11.3.2　經(jīng)典效果2：特殊切換效果圖片輪動(dòng)　
第12章　Flash網(wǎng)頁(yè)相冊(cè)　
12.1　制作思路　
12.1.1　Flash網(wǎng)頁(yè)相冊(cè)基本原理　
12.1.2　素材準(zhǔn)備　
12.2　制作Flash網(wǎng)頁(yè)相冊(cè)　
12.2.1　元件的制作　
12.2.2　XML數(shù)據(jù)載入及縮略圖列表的生成　
12.2.3　原圖的顯示　
12.2.4　縮略圖的瀏覽與圖片的切換　
12.3　舉一反三　
12.3.1　經(jīng)典效果1：平鋪式相冊(cè)　
12.3.2　經(jīng)典效果2：背景縮放相冊(cè)　
第13章　Flash浮動(dòng)導(dǎo)航　
13.1　制作思路　
13.1.1　Flash浮動(dòng)導(dǎo)航基本原理　
13.1.2　素材準(zhǔn)備　
13.2　制作Flash浮動(dòng)導(dǎo)航　
13.2.1　元件的制作　
13.2.2　縮略圖列表的鼠標(biāo)事件響應(yīng)　
13.2.3　浮動(dòng)效果制作　
13.3　舉一反三　
13.3.1　經(jīng)典效果1：圖片縱向浮動(dòng)瀏覽　
13.3.2　經(jīng)典效果2：鼠標(biāo)跟隨標(biāo)簽　
第14章　Flash XML折疊菜單　
14.1　制作思路　
14.1.1　Flash XML折疊菜單基本原理　
14.1.2　素材準(zhǔn)備　
14.2　制作Flash XML折疊菜單　
14.2.1　元件的制作　
14.2.2　XML數(shù)據(jù)載入　
14.2.3　折疊菜單的生成　
14.2.4　折疊效果的制作　
14.3　舉一反三　
14.3.1　經(jīng)典效果1：動(dòng)態(tài)折疊菜單　
14.3.2　經(jīng)典效果2：三級(jí)折疊菜單　
第15章　Flash數(shù)據(jù)篩選器　
15.1　制作思路　
15.1.1　Flash數(shù)據(jù)篩選器基本原理　
15.1.2　素材準(zhǔn)備　
15.2　制作Flash數(shù)據(jù)篩選器　
15.2.1　元件的制作　
15.2.2　XML數(shù)據(jù)載入　
15.2.3　數(shù)據(jù)篩選器菜單的生成　
15.2.4　數(shù)組的操作　
15.2.5　篩選產(chǎn)品的顯示　
15.3　舉一反三　
15.3.1　從數(shù)組中刪除重復(fù)的數(shù)據(jù)項(xiàng)　
15.3.2　隨機(jī)數(shù)組　
第16章　Flash新聞顯示器　
16.1　制作思路　
16.1.1　Flash新聞顯示器基本原理　
16.1.2　素材準(zhǔn)備　
16.2　制作Flash新聞顯示器　
16.2.1　元件的制作　
16.2.2　XML數(shù)據(jù)載入　
16.2.3　數(shù)字菜單導(dǎo)航的生成　
16.2.4　新聞的顯示　
16.3　舉一反三　
16.3.1　經(jīng)典效果1：新聞顯示的打字效果　
16.3.2　經(jīng)典效果2：文字爬行效果　
第17章　Flash RSS閱讀器　
17.1　制作思路　
17.1.1　了解RSS　
17.1.2　RSS閱讀器制作思路與素材準(zhǔn)備　
17.2　制作Flash RSS閱讀器　
17.2.1　元件的制作　
17.2.2　RSS數(shù)據(jù)的載入和顯示　
17.3　舉一反三　
17.3.1　經(jīng)典效果1：RSS閱讀選擇器　
17.3.2　經(jīng)典效果2：Flickr RSS照片展示　
第18章　3D旋轉(zhuǎn)Logo制作　
18.1　制作思路　
18.1.1　Flash與三維　
18.1.2　PV3D　
18.2　制作3D旋轉(zhuǎn)Logo　
18.2.1　PV3D的下載　
18.2.2　PV3D文件的使用　
18.2.3　元件的制作　
18.2.4　PV3D的使用　
18.3　其他經(jīng)典3D引擎　
18.3.1　Flare3D　
18.3.2　Alternativa3D　
18.3.3　Away 3D　
18.3.4　Sandy　
第三部分　Flash全站設(shè)計(jì)篇
第19章　Flash時(shí)尚網(wǎng)站設(shè)計(jì)　
19.1　制作思路　
19.1.1　Flash時(shí)尚網(wǎng)站展示　
19.1.2　網(wǎng)站設(shè)計(jì)基本原理　
19.1.3　素材準(zhǔn)備　
19.2　制作Flash時(shí)尚網(wǎng)站的Loading　
19.2.1　Shell文件的制作　
19.2.2　網(wǎng)站的包路徑　
19.2.3　Loading的制作　
19.3　網(wǎng)頁(yè)元素的預(yù)排布　
19.3.1　背景的制作　
19.3.2　網(wǎng)站內(nèi)容的排布　
19.3.3　網(wǎng)站菜單的制作　
19.3.4　網(wǎng)站內(nèi)容的位置點(diǎn)的制作　
19.3.5　網(wǎng)站菜單的位置點(diǎn)的制作　
19.4　網(wǎng)站代碼開發(fā)　
19.4.1　Main類的創(chuàng)建　
19.4.2　背景顏色的切換　
19.4.3　Slider類的制作　
19.4.4　網(wǎng)站的發(fā)布　
第20章　Flash產(chǎn)品網(wǎng)站設(shè)計(jì)　
20.1　制作思路　
20.1.1　Flash產(chǎn)品網(wǎng)站展示　
20.1.2　網(wǎng)站制作規(guī)劃　
20.2　網(wǎng)站的Loading制作　
20.2.1　Shell文件的制作　
20.2.2　Loading代碼的制作　
20.3　網(wǎng)站主體框架的制作　
20.3.1　主文件的開場(chǎng)制作　
20.3.2　菜單的制作　
20.3.3　欄目?jī)?nèi)容的加載　
20.4　網(wǎng)站新聞欄目的制作　
20.4.1　網(wǎng)站新聞欄目文件創(chuàng)建　
20.4.2　制作滾動(dòng)條　
20.4.3　制作XML讀取　
20.5　網(wǎng)站產(chǎn)品欄目的制作　
20.5.1　產(chǎn)品欄目展示　
20.5.2　產(chǎn)品欄目元件制作　
20.5.3　產(chǎn)品欄目代碼創(chuàng)建　
附錄　Flash網(wǎng)站制作小結(jié)　
F1　Flash優(yōu)化和測(cè)試　
F1.1　Flash優(yōu)化　
F1.2　Flash測(cè)試　
F2　網(wǎng)站建設(shè)實(shí)戰(zhàn)經(jīng)驗(yàn)總結(jié)　
F2.1　有用的資源　
F2.2　經(jīng)驗(yàn)總結(jié)　

章節(jié)摘錄

版權(quán)頁(yè)：   插圖：    10.1制作思路 在任何一種帶有特定功能的組件背后，都有一些最簡(jiǎn)單的工作原理。Flash滾動(dòng)條也不例外。只要掌握了其工作原理，制作就將變得易如反掌。 10.1.1 Flash 滾動(dòng)條基本原理 滾動(dòng)條的使用頻率很高，其功能已經(jīng)無(wú)需解釋。我們需要了解的是滾動(dòng)條工作的數(shù)學(xué)原理。在此，我們將滾動(dòng)條分為兩個(gè)區(qū)域：一個(gè)是顯示區(qū)域，這是滾動(dòng)條中具體內(nèi)容顯示的地方，在顯示區(qū)域中所顯示的內(nèi)容被稱為滾動(dòng)內(nèi)容；另外一個(gè)區(qū)域是滑塊區(qū)域，在滑塊區(qū)域中含有滑塊，也可能包含滑塊軌道等元件，它的主要功能是用來(lái)控制內(nèi)容的滾動(dòng)。 我們以縱向滾動(dòng)條為例，在滾動(dòng)條中，用戶拖曳滑塊，滑塊將在滑塊區(qū)域內(nèi)移動(dòng)，而不會(huì)超出該區(qū)域。當(dāng)滑塊被移動(dòng)到區(qū)域頂部時(shí)，顯示區(qū)域中將顯示滾動(dòng)內(nèi)容的頂部；當(dāng)滑塊被移動(dòng)到區(qū)域底部時(shí)，顯示區(qū)域中將顯示滾動(dòng)內(nèi)容的底部。 那么，滑塊從最頂部滑動(dòng)到最底部，它總共能夠移動(dòng)的距離是多少呢？有人可能會(huì)認(rèn)為該距離等于滑塊區(qū)域的高度。其實(shí)這是錯(cuò)誤的，只要稍加計(jì)算，我們可以認(rèn)識(shí)到該距離應(yīng)該等于滑塊區(qū)域的高度減去滑塊的高度。 而同樣的問(wèn)題，當(dāng)顯示區(qū)域中的滾動(dòng)內(nèi)容從最頂部滑動(dòng)到最底部時(shí)，滾動(dòng)內(nèi)容移動(dòng)了多少距離呢？我們知道，滾動(dòng)內(nèi)容向上滾動(dòng)的極限是當(dāng)滾動(dòng)內(nèi)容的底部剛好顯示在顯示區(qū)域時(shí)。如果以顯示區(qū)域的左上角作為原點(diǎn)，此時(shí)滾動(dòng)內(nèi)容的Y位置應(yīng)該等于顯示區(qū)域的高度減去滾動(dòng)內(nèi)容的高度。因此，反之我們可以得到，滾動(dòng)內(nèi)容移動(dòng)的距離應(yīng)該等于滾動(dòng)內(nèi)容的高度減去顯示區(qū)域的高度。 通過(guò)以上兩個(gè)問(wèn)題，我們可以得知，如果滑塊區(qū)域的高度減去滑塊的高度表示為heightA，滾動(dòng)內(nèi)容的高度減去顯示區(qū)域的高度表示為heightB的話，那么當(dāng)滑塊在heightA的范圍內(nèi)移動(dòng)時(shí)，滾動(dòng)內(nèi)容將在heightB的范圍內(nèi)移動(dòng)。也就是說(shuō)，滑塊的移動(dòng)與滾動(dòng)內(nèi)容的移動(dòng)存在著一定的比例，這個(gè)比例就等于heightA除以heightB。另外由于滾動(dòng)內(nèi)容的移動(dòng)方向與滑塊的移動(dòng)方向相反，當(dāng)滑塊向下移動(dòng)時(shí)，滾動(dòng)內(nèi)容將向上移動(dòng)，因此實(shí)際上兩者的移動(dòng)比例等于heightA除以heightB再乘以一個(gè)—1。

編輯推薦

《Flash ActionScript 3.0全站互動(dòng)設(shè)計(jì)》配套光盤收錄ActionScript3.0完全實(shí)用視頻手冊(cè)，彌補(bǔ)《Flash ActionScript 3.0全站互動(dòng)設(shè)計(jì)》篇幅所限，全面講解了ActionScript3.0應(yīng)用的方法與技巧，更收錄了《Flash ActionScript 3.0全站互動(dòng)設(shè)計(jì)》所有案例的制作過(guò)程教學(xué)視頻，幫助讀者更好地理解和掌握關(guān)鍵技術(shù)。

圖書封面

圖書標(biāo)簽Tags

無(wú)

評(píng)論、評(píng)分、閱讀與下載

---

    Flash ActionScript 3.0全站互動(dòng)設(shè)計(jì) PDF格式下載

---