利用Silverlight插件在ASP-net頁(yè)面中嵌入動(dòng)畫VIP

1、無(wú) 本文由 xliangbai 貢獻(xiàn) pdf 文檔可能在 WAP 端瀏覽體驗(yàn)不佳。建議您優(yōu)先選擇 TXT，或下載源文件到本機(jī)查看。 福 建 電 腦 年第 期 利用 插件在 頁(yè)面中嵌入動(dòng)畫 江 （ 福建信息職業(yè)技術(shù)學(xué)院 南 福建 福州 ） 摘 要】 是微軟公司在 年底新推出的一項(xiàng)瀏覽器增強(qiáng)模塊， 可以和 一樣作為瀏覽器插件工作， 【 ： 并且可以把程序任務(wù)放到客戶端完成， 讓服務(wù)器減輕負(fù)擔(dān)， 提高客戶端的網(wǎng)頁(yè)訪問(wèn)速度。本文介紹了 的項(xiàng)目結(jié)構(gòu) 以及簡(jiǎn)單的 程序的實(shí)現(xiàn)方法， 并利用實(shí)例說(shuō)明了在 中使用 插件編寫代碼實(shí)現(xiàn)圖形動(dòng)畫的方法。 動(dòng)畫 關(guān)鍵詞】 、 【 ： 、 前言 隨著網(wǎng)絡(luò)技術(shù)的發(fā)展， 網(wǎng)頁(yè)

2、上豐富多彩的動(dòng)畫已經(jīng)成為網(wǎng) 頁(yè)設(shè)計(jì)中不可或缺的一個(gè)部分 ， 精彩的動(dòng)畫不僅可以增加網(wǎng)頁(yè) 瀏覽的趣味性， 而且在互動(dòng)教學(xué)、 課件設(shè)計(jì)等方面也起著越來(lái)越 重要的作用。 但動(dòng)畫傳播的數(shù)據(jù)量相對(duì)較大， 如果一個(gè)動(dòng)畫較為 復(fù)雜， 則傳送的速度會(huì)降低， 從而影響了用戶使用的積極性。如 何提高動(dòng)畫傳送的速度成為一個(gè)急待解決的問(wèn)題。 是 微軟公司新推出的一個(gè)跨瀏覽器、 跨平臺(tái)的插件， 可以利用該插 件在網(wǎng)頁(yè)上實(shí)現(xiàn)動(dòng)畫， 原來(lái)利用 插件時(shí)需要下載全部文件 內(nèi)容才能播放， 而現(xiàn)在只要從服務(wù)器下載控件后即可在客戶端 運(yùn)行程序?qū)崿F(xiàn)播放， 減少了數(shù)據(jù)傳送量， 提高了運(yùn)行速度。這對(duì) 于需要大量使用動(dòng)畫進(jìn)行課件播放的教學(xué)平

3、臺(tái)來(lái)說(shuō) ， 可以提高 教學(xué)平臺(tái)使用者的訪問(wèn)速度， 降低服務(wù)器的負(fù)擔(dān)， 可以支持更多 的學(xué)習(xí)者以提高教學(xué)平臺(tái)的使用效率。 一、 的項(xiàng)目結(jié)構(gòu) 是微軟公司于 年底新推出的一項(xiàng)瀏覽器 增 強(qiáng) 模 塊 ， 是 一 種 新 的 呈 現(xiàn) 技 術(shù) ， 它 依 賴 中 的 和 腳 本 創(chuàng) 建 頁(yè) 面 ， 遵 循 ， 可 以 和 一 樣 作 為 瀏 覽 器 插 件 工 作 ， 能 夠 顯 示 矢 量 圖 形、 動(dòng)畫和視頻， 可以實(shí)現(xiàn)跨瀏覽器和跨平臺(tái)， 利用 實(shí) 現(xiàn)動(dòng)畫可以彌補(bǔ)微軟網(wǎng)頁(yè)中的動(dòng)畫效果的缺陷， 并且通過(guò)控件 的實(shí)現(xiàn)可以把程序任務(wù)放到客戶端完成， 讓服務(wù)器減輕負(fù)擔(dān)， 提 高客戶端的網(wǎng)頁(yè)訪問(wèn)速度。 要?jiǎng)?chuàng)建一

4、個(gè) 應(yīng)用程序， 必須安裝 的瀏 覽器插件程序。 如果只是用 進(jìn)行 開 發(fā) ， 可 以 安 裝 ； 如果開發(fā)過(guò)程需要用到 的編程語(yǔ)言， 則需要安裝 ， 創(chuàng) 建 項(xiàng) 目 可 以 用 （目 前 最 新 的 預(yù) 覽 版 本 是 ） 或 者 創(chuàng)建之后包含以下 （需安裝好 ） 。 幾類文件： 嵌無(wú) 入 應(yīng)用程序的 文件。 、 、 用 來(lái) 執(zhí) 行 應(yīng) 用 程 序 載 入 工 作 的 文 件。 定義和描述應(yīng)用程序界面的 文件。 、 不 同 的 是 ， 用 創(chuàng) 建 的 項(xiàng) 目 默 認(rèn) 主 頁(yè) 的 文 件 名 是 ， 而 用 創(chuàng) 建 的 項(xiàng) 目 默 認(rèn)主頁(yè)的文件名是 。 具體的目錄結(jié)構(gòu)如下： 目錄 該 目 錄 中

5、 包 含 了 許 多 （）文 件 ， 這 些 文 件 定 義 了 項(xiàng) 目 中 所 引用的各托管類型。 如果我們要使用其他自定義的類型， 就可能 需要手動(dòng)添加包含該類型定義的 文件。若 插件中 沒(méi)有包含項(xiàng)目所引用的某些程序集文件， 則應(yīng)用程序用戶需要 下載這些程序集文件到本地。界面描述中所定義的新類型都包 含在程序集 （）文件中。 和 是 項(xiàng) 目 默 認(rèn) 的 主 界 面 的 描 述 文 件 。 每 個(gè) 文件之后 都 有 一 個(gè) 對(duì) 應(yīng) 的 語(yǔ) 言 文 件 。 就 是用 創(chuàng)建項(xiàng)目時(shí)其對(duì)應(yīng)的文件。這個(gè)文件對(duì) 文件中的 所引用的 類型做了定義。通過(guò)編譯之后， 項(xiàng) 目 會(huì) 生 成 程 序 集文件， 供

6、文件引用， 且該程序集文件會(huì)隨 應(yīng) 用 程 序 一 起 下 載 到 用 戶 本 地 。 在 文 件 中 有 一 個(gè) 容器， 作為文件的根元素， 包含了程序中用到的各種控件和元 素。 該 文 件 包 含 了 運(yùn) 行 應(yīng) 用 程 序 之 前 所 必 需 的 各 種 操作， 主要檢查用戶是 否 安 裝 了 符 合 版 本 需 求 的 。 如 果沒(méi)有安裝， 則 應(yīng)用程序所在的頁(yè)面將會(huì)顯示圖標(biāo)， 提示用戶先安裝插件。最好不要改變?cè)?文件的內(nèi)容。 （ 中 創(chuàng) 建 的 文 件 名 為 ） 和 （ 中的文件名為 ） 是該文件為項(xiàng)目的 默 認(rèn) 主 頁(yè) ， 文 件 中 引 入 了 的腳本文件來(lái)載入 應(yīng)用程序。 文

7、件中定 義 了 中 調(diào) 用 的 （） 方 法 來(lái) 載入 應(yīng)用程序。 二、 應(yīng)用程序的創(chuàng)建 下面以 為例， 介紹 應(yīng)用程序的創(chuàng)建方法。 新建 項(xiàng)目 在 中 安 裝 了 后 就 可 以 創(chuàng) 建 一 個(gè) 項(xiàng) 目 。 在 中 打 開 對(duì) 話 框 ， 選 擇 創(chuàng) 用于創(chuàng)建一個(gè)完整的 應(yīng)用程序。 建項(xiàng)目后將自動(dòng)生成 文件并打開。 編輯 文件 在打開的 中將看到 容器， 在容器中輸入 運(yùn)行程序所需要的代碼， 最簡(jiǎn)單的一段代碼如下， 可以在屏幕上 顯示 字樣。 ： ： ： ： ；無(wú) ： 加入事件處理代碼 在 頁(yè) 面 中 并 不 僅 僅 實(shí) 現(xiàn) 文 字 的 輸 入 ， 更 多 的 是 需 福建省教育廳科技項(xiàng)目，

8、 項(xiàng)目編號(hào)： 信息技術(shù)環(huán)境下多元學(xué)與教方式有效融入日常教學(xué)的研究 子課題， 課題批準(zhǔn)號(hào)： 國(guó)家社會(huì)科學(xué)基金 十一五 規(guī)劃（ 教育學(xué)科） 國(guó)家級(jí)課題 年第 期 福 建 電 腦 要進(jìn)行事件處理， 因此需要對(duì)剛才屏幕上顯示的文字進(jìn)行事件 處理， 例如單擊該文字讓它變成另外一句話 ！ 。 事件 處理代碼是在 所對(duì)應(yīng)的代碼文件 中添加 的， 我們可以打開 文件， 在其中加入下面的代碼： （ ， ） 在橫向或縱向上產(chǎn)生扭曲位移） 、 移動(dòng)變形 （ 讓圖形產(chǎn)生一定的位移 ） 以 及 組 合 變 形 （ 綜 合以上幾種變形的特性） 。如代碼 可以讓圖形順時(shí)針旋轉(zhuǎn) 度， 組合變換代碼 （） ； （ ） ； 。

9、（ ， ） ！ ； 不 僅 讓 圖 形 順 時(shí) 針 旋 轉(zhuǎn) 度 ， 而 且 在 方 向 上 扭 曲 度。 利用時(shí)間軸產(chǎn)生變換效果 點(diǎn)擊設(shè)計(jì)界面左側(cè) 中 的 箭 頭 符 號(hào) ， 如圖 并在彈出的對(duì)話框中點(diǎn)擊 加號(hào) （ ） 。 所示。 運(yùn) 行 以 上 程 序 ， 對(duì) 屏 幕 上 出 現(xiàn) 的 文 字 單 擊 ， 該文字即變?yōu)?！ 。 三、 對(duì)象的動(dòng)畫操作 在 中 可 以 通 過(guò) 結(jié) 合 使 用 動(dòng) 對(duì) 、 畫 或 交 互 性 內(nèi) 容 進(jìn) 行 更 有 效 的 設(shè) 計(jì) 開 發(fā) ， 且 與 可 以 協(xié) 調(diào)工作， 以實(shí)無(wú) 現(xiàn)對(duì)象的二維動(dòng)畫操作， 其效果類似于 ， 這才 是 設(shè)計(jì)的亮點(diǎn)。在 中不僅可以象圖象軟

10、件 一樣進(jìn)行顏色填充、 繪制簡(jiǎn)單圖像并對(duì)圖像進(jìn)行簡(jiǎn)單變形 ， 也可 以象 一樣利用時(shí)間軸控制動(dòng)畫操作， 甚至可以用代碼對(duì)時(shí) 間軸進(jìn)行控制。 顏色填充及繪制簡(jiǎn)單圖形： 鼠 標(biāo) 右 鍵 單 擊 ， 在 彈 出 菜 單 中 選 擇 ， 則 該 項(xiàng) 目 會(huì) 同 時(shí) 在 中打開。在打開的設(shè)計(jì)界面右側(cè)的 標(biāo)簽 中 選 擇 ， 用 鼠 標(biāo) 點(diǎn) 選 調(diào) 色 板 ， 則 可 以 更 改 應(yīng) 用 程序的背景顏色； 甚 至 可 以 選 擇 ， 將 背 景 顏 色 設(shè)置為漸變色。 也可以利用代碼直接進(jìn)行填充。 如在 容器中加入如 下代碼： 對(duì)矩形填充單一的藍(lán)顏色。 或者用代碼： 圖 添加時(shí)間軸 圖 時(shí)間軸與關(guān)鍵幀 在

11、彈出的 對(duì)話框中給時(shí)間軸的命名， 并選 中 選 項(xiàng) 點(diǎn) 擊 。 選 中 選 項(xiàng) 的 目 的 是 為 了 用 代 碼 對(duì) 該 時(shí) 間 軸 進(jìn) 行 進(jìn) 一 步 操 作 。 這里的時(shí)間軸和 中的時(shí)間軸類似， 可以在時(shí)間軸上設(shè)定關(guān) 鍵幀來(lái)形成圖形的動(dòng)畫。 現(xiàn)在可以用代碼對(duì)時(shí)間軸進(jìn)行進(jìn)一步的操作 ， 例如我們希 望在時(shí) 間 軸 的 動(dòng) 畫 結(jié) 束 時(shí) 給 出 提 示 ， 則 可 以 把 代 碼 修 改如下： （ ， ） （） ； （） ； （ ） ； （ ， ） ！ ； （ ， ） （） ； ， ， 填充從白色到藍(lán)色的漸變。 繪制簡(jiǎn)單圖形 在 容器中可通過(guò)定義繪制一些常見(jiàn)的幾何圖 形 ， 如 橢 直 多

12、 矩 形 、 圓 、 線 、 邊 形 多 路 、 叉 線 （ 不 封 閉 的 折 線 ） 、 徑 （ 可 以 無(wú) 畫出任意的形狀和線條， 比如不封閉的曲線） 等等。并且可以通 過(guò)給這些元素附加屬性來(lái)設(shè)定圖形的顏色、大小等。如加入代 碼： 四、 小結(jié) 可 以 象 一 樣 繪 制 圖 形 并 設(shè) 定 動(dòng) 畫 ， 但 與 不同的是， 它主要是用代碼來(lái)實(shí)現(xiàn)圖形的繪制與動(dòng)作， 因 此利用 制作出來(lái)的動(dòng)畫比 制作的動(dòng)畫數(shù)據(jù)量較 少， 并且可以把數(shù)據(jù)（ 代碼） 從服務(wù)器端傳送到客戶端以后在客 戶端上運(yùn)行， 節(jié)省了帶寬， 提高了運(yùn)行速度。在動(dòng)畫需求較多但 動(dòng)畫設(shè)計(jì)不太復(fù)雜的系統(tǒng)中較為適用。 參考文獻(xiàn) ： ， 入 門