《jQuery 禅意编程》第3章 创建和编辑元件.pptVIP

导入photoshop文件 启奥-Web前端培训教程 文件--导入--导入到舞台 勾选右侧第一项，“具有可 编辑图层样式的位图图像“， ps图像将自动被转换为影 片剪辑元件,并被保存在 库中，所有的混合和透明 度信息都会保留下来 Int 整形 ： i ，如 ： iTestNumber Float 浮点型 ： fl ， 如 ： flTestFloat Boolean 布尔型 ： b ， 如 ： bTestBoolean String 字符串 ： s ， 如 ： sTestString Array 数组 ： a ， 如 ： aTestArray Object 对象 ： o ， 如 ： oTestObject Function 函数 ： fn ， 如 ： fnTestFunction Regular Expression 正则表达式 ： re ， 如 ： reTestRegular Int 整形 ： i ，如 ： iTestNumber Float 浮点型 ： fl ， 如 ： flTestFloat Boolean 布尔型 ： b ， 如 ： bTestBoolean String 字符串 ： s ， 如 ： sTestString Array 数组 ： a ， 如 ： aTestArray Object 对象 ： o ， 如 ： oTestObject Function 函数 ： fn ， 如 ： fnTestFunction Regular Expression 正则表达式 ： re ， 如 ： reTestRegular 创建和编辑元件 启奥-Web前端培训教程 第3章 授课目标： 掌握各类型元件之间的区别 掌握元件与实例之间的区别级编辑使用方法 了解透明度、颜色、滤镜等混合效果的应用 了解如何导入外部文件及压缩图片 关于元件 启奥-Web前端培训教程 什么是元件 启奥-Web前端培训教程 元件是指在FLASH中创建且保存在库中的图形、按钮或影片剪辑，可以自始至终在影片或其他影片中重复使用，是FLASH动画中最基本的元素 ，并且它们通常被用于特效、动画和交互性 元件可以包含从其他应用程序中引用的插图 实例是指位于舞台上或嵌套在另一个元件内的元件副本。 实例可以与其父元件在颜色、大小和功能方面有差别。编辑元件会更新它的所有实例，但对元件的一个实例应用效果则只更新该实例。 什么是元件 启奥-Web前端培训教程 在文档中使用元件可以显著的减小文件的大小。 例如，通过将诸如背景图像这样的静态图形转换为元件然后重新使用它 们，这样可以减小文档的文件大小。 使用元件还可以加快SWF 文件的播 放速度，因为元件只需下载到 Flash Player 中一次。 元件的种类 启奥-Web前端培训教程 元件分为三种： 每个元件都有一个唯一的时间轴和舞台，以及几个图层。 可以将帧、关键帧和图层添加至元件时间轴，就像可以将它们添加至主时间轴一样 形状与元件：形状与元件都可形成补间动画，更多的时候，我们采用元件的补间动画，因为这样更为灵活 为了更大程度增加元件的重用性，在设计动画时，我们应当最大化的将元件拆分 按钮 图形 影片剪辑 元件的拆分 启奥-Web前端培训教程 元件详解 启奥-Web前端培训教程 图形元件：可用于静态图像，并可用来创建连接到主时间轴的可重用动画片段。 图形元件与主时间轴同步运行。 交互式控件和声音在图形元件的动画序列中不起作用。 由于没有时间轴，图形元件在 FLA 文件中的尺寸小于按钮或影片剪辑 按钮元件：可以创建用于响应鼠标单击、滑过或其它动作的交互式按钮。 可以定义与各种按钮状态关联的图形，然后将动作指定给按钮实例 影片剪辑元件：可以创建可重用的动画片段。 影片剪辑拥有独立于主时间轴的多帧时间轴。可以将多帧时间轴看作是嵌套在主时间轴内，它们可以包含交互式控件、声音甚至其它影片剪辑实例。 也可以将影片剪辑实例放在按钮元件的时间轴内，以创建动画按钮。 此外，可以使用 AS对影片剪辑进行改编 三种元件的比较 启奥-Web前端培训教程 相同点 可以重复使用，且当需要对重复使用的元素进行修改时，只需编辑元件，而不必对所有该元件的实例逐一进行修改，FLASH会根据修改的内容对所有该元件的实例进行更新 区别及应用中需注意的问题 影片剪辑元件、按钮元件和图形元件最主要的差别在于：影片剪辑元件和按钮元件的实例上都可以加入动作语句，图形元件的实例上则不能；影片剪辑里的关键帧上可以加入动作语句，按钮元件和图形元件则不能 三种元件的比较 启奥-Web前端培训教程 影片剪辑元件和按钮元件中都可以加入声音，图形元件则不能 影片剪辑元件的播放不受场景时间线长度的制约，它有元件自身独立的时间线；按钮元件独特