利用Silverlight插件在ASP-net页面中嵌入动画.doc

本文由xliangbai贡献 pdf文档可能在WAP端浏览体验不佳。建议您优先选择TXT，或下载源文件到本机查看。 福 建 电 脑 年第 期 利用 插件在 页面中嵌入动画 江 （ 福建信息职业技术学院 南 福建 福州 ） 摘 要】 是微软公司在 年底新推出的一项浏览器增强模块， 可以和 一样作为浏览器插件工作， 【 ： 并且可以把程序任务放到客户端完成， 让服务器减轻负担， 提高客户端的网页访问速度。本文介绍了 的项目结构 以及简单的 程序的实现方法， 并利用实例说明了在 中使用 插件编写代码实现图形动画的方法。 动画 关键词】 、 【 ： 、 前言 随着网络技术的发展， 网页上丰富多彩的动画已经成为网 页设计中不可或缺的一个部分 ， 精彩的动画不仅可以增加网页 浏览的趣味性， 而且在互动教学、 课件设计等方面也起着越来越 重要的作用。 但动画传播的数据量相对较大， 如果一个动画较为 复杂， 则传送的速度会降低， 从而影响了用户使用的积极性。如 何提高动画传送的速度成为一个急待解决的问题。 是 微软公司新推出的一个跨浏览器、 跨平台的插件， 可以利用该插 件在网页上实现动画， 原来利用 插件时需要下载全部文件 内容才能播放， 而现在只要从服务器下载控件后即可在客户端 运行程序实现播放， 减少了数据传送量， 提高了运行速度。这对 于需要大量使用动画进行课件播放的教学平台来说 ， 可以提高 教学平台使用者的访问速度， 降低服务器的负担， 可以支持更多 的学习者以提高教学平台的使用效率。 一、 的项目结构 是微软公司于 年底新推出的一项浏览器 增 强 模 块 ， 是 一 种 新 的 呈 现 技 术 ， 它 依 赖 中 的 和 脚 本 创 建 页 面 ， 遵 循 ， 可 以 和 一 样 作 为 浏 览 器 插 件 工 作 ， 能 够 显 示 矢 量 图 形、 动画和视频， 可以实现跨浏览器和跨平台， 利用 实 现动画可以弥补微软网页中的动画效果的缺陷， 并且通过控件 的实现可以把程序任务放到客户端完成， 让服务器减轻负担， 提 高客户端的网页访问速度。 要创建一个 应用程序， 必须安装 的浏 览器插件程序。如果只是用 进行 开 发 ， 可 以 安 装 ； 如果开发过程需要用到 的编程语言， 则需要安装 ， 创 建 项 目 可 以 用 （目 前 最 新 的 预 览 版 本 是 ） 或 者 创建之后包含以下 （需安装好 ）。 几类文件： 嵌入 应用程序的 文件。 、 、 用 来 执 行 应 用 程 序 载 入 工 作 的 文 件。 定义和描述应用程序界面的 文件。 、 不 同 的 是 ， 用 创 建 的 项 目 默 认 主 页 的 文 件 名 是 ， 而 用 创 建 的 项 目 默 认主页的文件名是 。 具体的目录结构如下： 目录 该 目 录 中 包 含 了 许 多 （）文 件 ， 这 些 文 件 定 义 了 项 目 中 所 引用的各托管类型。 如果我们要使用其他自定义的类型， 就可能 需要手动添加包含该类型定义的 文件。若 插件中 没有包含项目所引用的某些程序集文件， 则应用程序用户需要 下载这些程序集文件到本地。界面描述中所定义的新类型都包 含在程序集 （）文件中。 和 是 项 目 默 认 的 主 界 面 的 描 述 文 件 。 每 个 文件之后 都 有 一 个 对 应 的 语 言 文 件 。 就 是用 创建项目时其对应的文件。这个文件对 文件中的 所引用的 类型做了定义。通过编译之后， 项 目 会 生 成 程 序 集文件， 供 文件引用， 且该程序集文件会随 应 用 程 序 一 起 下 载 到 用 户 本 地 。 在 文 件 中 有 一 个 容器， 作为文件的根元素， 包含了程序中用到的各种控件和元 素。 该 文 件 包 含 了 运 行 应 用 程 序 之 前 所 必 需 的 各 种 操作， 主要检查用户是 否 安 装 了 符 合 版 本 需 求 的 。 如 果没有安装， 则 应用程序所在的页面将会显示图标， 提示用户先安装插件。最好不要改变该 文件的内容。 （ 中 创 建 的 文 件 名 为 ） 和 （ 中的文件名为 ） 是该文件为项目的 默 认 主 页 ， 文 件 中 引 入 了 的脚本文件来载入 应用程序。 文件中定 义 了 中 调 用 的 （）方 法 来 载入 应用程序。 二、 应用程序的创建 下面以 为例， 介绍 应用程序的创建方法。 新建 项目 在 中 安 装 了 后 就 可 以 创 建 一 个 项 目 。 在 中 打 开 对 话 框 ， 选 择 创 用于创建一个完整的 应用程序。 建项目后将自动生成 文件并打开。 编辑 文件 在打开的 中将看到 容器， 在容器中输入 运行程序所需要的代码， 最简单的一段代码如下， 可以在屏幕上 显示 字样。 ： ： ： ：； ： 加入事件处理代码 在 页 面 中 并 不 仅 仅 实 现 文 字 的 输 入 ， 更 多 的 是 需 福建省教育厅科技项目， 项目编号： 信息技术环境下多元学与教方式有效融入日常教学的研究 子课题， 课题批准号： 国家社会科学基金 十一五 规划（ 教育学科） 国家级课题 年第 期 福 建 电 脑 要进行事件处理， 因此需要对刚才屏幕上显示的文字进行事件 处理， 例如单击该文字让它变成另外一句话 ！ 。 事件 处理代码是在 所对应的代码文件 中添加 的， 我们可以打开 文件， 在其中加入下面的代码： （ ， ） 在横向或纵向上产生扭曲位移） 、 移动变形 （ 让图形产生一定的位移 ） 以 及 组 合 变 形 （ 综 合以上几种变形的特性） 。如代码 可以让图形顺时针旋转 度， 组合变换代码 （）； （ ）； 。 （ ， ） ！ ； 不 仅 让 图 形 顺 时 针 旋 转 度 ， 而 且 在 方 向 上 扭 曲 度。 利用时间轴产生变换效果 点击设计界面左侧 中 的 箭 头 符 号 ， 如图 并在弹出的对话框中点击 加号 （ ） 。 所示。 运 行 以 上 程 序 ， 对 屏 幕 上 出 现 的 文 字 单 击 ， 该文字即变为 ！ 。 三、 对象的动画操作 在 中 可 以 通 过 结 合 使 用 动 对 、 画 或 交 互 性 内 容 进 行 更 有 效 的 设 计 开 发 ， 且 与 可 以 协 调工作， 以实现对象的二维动画操作， 其效果类似于 ， 这才 是 设计的亮点。在 中不仅可以象图象软件 一样进行颜色填充、 绘制简单图像并对图像进行简单变形 ， 也可 以象 一样利用时间轴控制动画操作， 甚至可以用代码对时 间轴进行控制。 颜色填充及绘制简单图形： 鼠 标 右 键 单 击 ， 在 弹 出 菜 单 中 选 择 ， 则 该 项 目 会 同 时 在 中打开。在打开的设计界面右侧的 标签 中 选 择 ， 用 鼠 标 点 选 调 色 板 ， 则 可 以 更 改 应 用 程序的背景颜色； 甚 至 可 以 选 择 ， 将 背 景 颜 色 设置为渐变色。 也可以利用代码直接进行填充。如在 容器中加入如 下代码： 对矩形填充单一的蓝颜色。 或者用代码： 图 添加时间轴 图 时间轴与关键帧 在弹出的 对话框中给时间轴的命名， 并选 中 选 项 点 击 。 选 中 选 项 的 目 的 是 为 了 用 代 码 对 该 时 间 轴 进 行 进 一 步 操 作 。 这里的时间轴和 中的时间轴类似， 可以在时间轴上设定关 键帧来形成图形的动画。 现在可以用代码对时间轴进行进一步的操作 ， 例如我们希 望在时 间 轴 的 动 画 结 束 时 给 出 提 示 ， 则 可 以 把 代 码 修 改如下： （ ， ） （）； （）； （ ）； （ ， ） ！ ； （ ， ） （）； ， ， 填充从白色到蓝色的渐变。 绘制简单图形 在 容器中可通过定义绘制一些常见的几何图 形 ， 如 椭 直 多 矩 形 、 圆 、 线 、 边 形 多 路 、 叉 线 （ 不 封 闭 的 折 线 ） 、 径 （ 可 以 画出任意的形状和线条， 比如不封闭的曲线） 等等。并且可以通 过给这些元素附加属性来设定图形的颜色、大小等。如加入代 码： 四、 小结 可 以 象 一 样 绘 制 图 形 并 设 定 动 画 ， 但 与 不同的是， 它主要是用代码来实现图形的绘制与动作， 因 此利用 制作出来的动画比 制作的动画数据量较 少， 并且可以把数据（ 代码） 从服务器端传送到客户端以后在客 户端上运行， 节省了带宽， 提高了运行速度。在动画需求较多但 动画设计不太复杂的系统中较为适用。 参考文献 ： ， 入 门