1 / 57

第 4 章 Flash 组件应用

第 4 章 Flash 组件应用. 随着 Flash 技术的发展, Flash 组件技术也日趋成熟,功能得到了进一步地加强和扩展。通过使用 Flash 组件, Flash 设计者们可以方便地重复使用和共享代码,不需要编写 ActionScript 也可以方便地实现各种动态网站和应用程序中常见的交互功能。这无疑能够极大地提高 Flash 用户的工作效率。 本章将介绍几种常见的 Flash 组件应用技术。通过本章的学习,读者可以了解一些常用组件的功能,并掌握这些组件的使用方法和技巧。. 4.1 Flash 组件概述.

slade
Download Presentation

第 4 章 Flash 组件应用

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. 第4章 Flash组件应用 • 随着Flash技术的发展,Flash组件技术也日趋成熟,功能得到了进一步地加强和扩展。通过使用Flash组件,Flash设计者们可以方便地重复使用和共享代码,不需要编写ActionScript也可以方便地实现各种动态网站和应用程序中常见的交互功能。这无疑能够极大地提高Flash用户的工作效率。 • 本章将介绍几种常见的Flash组件应用技术。通过本章的学习,读者可以了解一些常用组件的功能,并掌握这些组件的使用方法和技巧。

  2. 4.1 Flash组件概述 • 组件是预先构建的Flash元素,是带有参数的影片剪辑,其外观和行为可以通过设置相应的参数进行修改。对于Flash开发人员来说,使用组件可以极大地提高工作效率。Flash开发人员可以将开发过程中常用的功能封装在组件中。

  3. 4.1.1 组件的添加 • 用户可以通过使用“组件”面板将组件添加到Flash文档中,然后通过使用“库”面板向文档添加该组件的更多实例。 • 在“属性”面板的“参数”选项卡或“组件检查器”面板的“参数”选项卡中可以设置组件实例的属性。

  4. 4.1.1 组件的添加 • “组件”面板 向舞台上添加组件

  5. 4.1.1 组件的添加 • 设置组件的实例名称和参数 “库”面板中的组件

  6. 4.1.2 组件参数设置 • 每个组件都带有参数,通过设置这些参数可以更改组件的外观和行为。最常用的属性显示为创作参数,其他参数则必须使用ActionScript来设置。

  7. 4.1.2 组件参数设置 • 输入组件实例名称 设置组件参数

  8. 4.1.3 组件类别 • Flash在“组件”面板中提供的组件分为以下4类。 • (1)数据(Data)组件。使用数据组件可加载和处理数据源中的信息。 • (2)媒体(Media)组件。使用媒体组件能够很方便地将流媒体加入到Flash中,并对其进行控制。 • (3)用户界面(UI)组件。利用用户界面组件可以方便地创建复杂的交互界面,实现与应用程序之间的交互。 • (4)FLVPlayback组件。通过FLVPlayback组件,可以轻松地将视频播放器嵌入Flash应用程序,以便播放通过HTTP渐进式下载的Flash视频(FLV)文件,或者播放来自Flash Media Server(FMS)或Flash Video Streaming Service(FVSS)的FLV文件流。

  9. 4.2 滚动文本

  10. 4.2 滚动文本

  11. 4.2.1 文本滚动组件UIScrollBar • 使用UIScrollBar组件可以将滚动条添加至文本字段。该组件的功能与其他所有滚动条类似,两端各有一个“箭头”按钮,按钮之间有一个滚动轨道和滚动滑块。

  12. 4.2.2 实例制作 • 本例是一个在背景图上放置滚动文本的介绍性页面。页面元素至少由三部分组成,即背景图、滚动文本和滚动条。

  13. 4.2.2 实例制作 • 本例是一个在背景图上放置滚动文本的介绍性页面。

  14. 4.2.2 实例制作 • 本例是一个在背景图上放置滚动文本的介绍性页面。

  15. 4.3 日历

  16. 4.3 日历

  17. 4.3.1 日历组件DateChooser • DateChooser组件是一个允许用户选择日期的日历。该组件包含一些按钮,这些按钮允许用户在月份之间来回翻动并单击选中某个日期。可以设置指定月份和日期、星期的第一天、任何禁用日期以及加亮显示当前日期的参数。

  18. 4.3.2 对组件使用样式 • Flash为每个UI组件都准备了可供用户编辑的样式属性。对于一个组件实例,可以通过使用setStyle()和getStyle()方法来设置和获取样式属性值。为组件实例指定属性和属性值的语法为: • 组件实例名称.setStyle(属性名称, 属性值); • 属性名称:一个字符串,指示样式属性的名称。不同的组件支持不同的样式。每个组件都有一个可供用户设置的不同的样式集。 • 属性值:属性的值。如果该值是字符串,它必须括在引号中。

  19. 4.3.3 实例制作 • 本例主要由一个DateChooser组件和一个背景图组成。在制作时,应当根据用户的阅读习惯,对日历中各元素的显示方法进行相应的设置。步骤如下:

  20. 4.3.3 实例制作 • 本例主要由一个DateChooser组件和一个背景图组成。步骤如下:

  21. 4.3.3 实例制作 • 本例主要由一个DateChooser组件和一个背景图组成。步骤如下:

  22. 4.4 层叠窗口

  23. 4.4 层叠窗口

  24. 4.4.1 窗口组件Window • 使用Window组件可以在一个具有标题栏、边框和“关闭”按钮(可选)的窗口内显示影片剪辑的内容。该组件可以是模式的,也可以是非模式的。模式窗口会防止鼠标和键盘输入转至该窗口之外的其他组件。Window组件还支持拖动操作,用户可以单击标题栏并将窗口及其内容拖动到另一个位置。拖动边框不会更改窗口的大小。

  25. 4.4.2 实例制作 • 本例中包含三个图片窗口,这三个图片窗口将分别从外部读取不同的图片文件。

  26. 4.5 加载进度

  27. 4.5 加载进度

  28. 4.5.1 加载器组件Loader • Loader组件是一个容器,可以显示SWF或JPEG文件(渐进式JPEG文件除外)。用户可以缩放加载器的内容,或者调整加载器自身的大小来匹配内容的大小。默认情况下,该组件会自动调整内容的大小以适应加载器。运行时也可以加载内容,并监控加载进度(不过内容加载一次后会被缓存,所以进度会快速跳进到100%)。

  29. 4.5.2 进度条组件ProgressBar • ProgressBar组件能显示加载内容的进度,可用于显示加载图像和应用程序各部分的状态。加载进程可以是确定的也可以是不确定的。当要加载的内容量已知时,使用确定的进度栏。确定的进度栏是一段时间内任务进度的线性表示。当要加载的内容量未知时,使用不确定的进度栏。可以通过添加标签来显示加载内容的进度。

  30. 4.5.3 实例制作 • 本例中,加载外部图片的任务是由两个组件协同完成的。因此,正确处理好两个组件之间的关系是完成任务的关键.步骤如下:

  31. 4.5.3 实例制作 • 步骤如下: 设置下载速率

  32. 4.6 折叠菜单

  33. 4.6 折叠菜单

  34. 4.6.1 折叠组件Accordion • Accordion组件是包含一系列子项的浏览器,可用来显示多部分表单。 • 该组件呈纵向布局,其标题按钮横跨整个组件。一个子项与一个标题按钮关联,且每个标题按钮均从属于Accordion组件而不从属于子项。当用户单击某个标题按钮时,关联的子项即会显示在该标题按钮下方,并且在过渡到新的子项的过程中将使用过渡动画。用户可以通过单击各子项的标题按钮在子项之间进行浏览。

  35. 4.6.2 屏幕功能 • Flash的屏幕功能为用户提供了一个带有结构构造块的创作界面,使用户可以轻松构建复杂的应用程序(例如,幻灯片演示文稿或基于表单的应用程序等),而无需在时间轴中使用多个帧和图层,也无需查看时间轴。 • 在创作基于屏幕的文档时,屏幕排列在用户创建的结构化层次结构中。用户可以通过在分支树中嵌套屏幕来创建文档的结构,也可以轻松地预览和修改基于屏幕的文档结构。 • 基于屏幕的文档分为两种类型,即针对顺序演示文稿设计的幻灯片屏幕和针对基于表单的非线性应用程序设计的表单屏幕。在使用时,应当根据具体情况选择合适的屏幕类型。

  36. 4.6.3 实例制作 • 本例是通过直接在FLA文档中放置图片来实现图片的显示的。在实际应用时,也可以通过外部载入的方式实现图片的显示。另外,相应地设置各表单的内容,也可以轻松实现诸如网站导航、文档目录等实用功能。

  37. 4.7 视频播放器

  38. 4.7 视频播放器

  39. 4.7.1 视频回放组件FLVPlayback • 通过FLVPlayback组件,可以轻松地将视频播放器嵌入Flash应用程序,以便播放通过HTTP渐进式下载的Flash视频(FLV)文件,或者播放来自Flash Media Server(FMS)或Flash Video Streaming Service(FVSS)的FLV文件流。

  40. 4.7.2 实例制作 • 本例中所要加载的视频是存储在远程服务器上的。根据具体的需要(诸如制作课件、演示产品等),也可以将视频文件放置在本地,或直接导入到FLA文档中。然后对组件的参数进行相应的设置即可。

  41. 4.7.2 实例制作 • 保持该组件的选中状态,打开“参数”面板。

  42. 4.8 MP3播放器

  43. 4.8 MP3播放器

  44. 4.8.1 下拉列表组合文本框组件ComboBox • ComboBox组件由Button组件、TextInput组件和List组件三个子组件组成。通过使用该组件,用户可以从下拉列表中做出一项选择。例如,可以在客户地址表单中提供一个包括各省市名称的下拉列表。 • 该组件可以是静态的,也可以是可编辑的。通过使用可编辑的ComboBox组件,用户可以在列表顶部的文本字段中直接输入文本,也可以从下拉列表中选择一项。如果下拉列表到达文档底部,该列表将会向上打开,而不是向下打开。

  45. 4.8.2 媒体回放组件MediaPlayback • MediaPlayback组件由MediaDisplay组件和MediaController组件两个子组件组成。该组件提供对媒体内容进行流式处理的方法,使媒体可以流入到Flash内容中,并为媒体回放提供标准的用户界面控件(播放、暂停等)。该组件的参数必须在“组件检查器”面板中进行设置,

  46. 4.8.3 实例制作 • 本例中由于需要实现两个组件的协同工作,组件之间将通过相应的ActionScript脚本实现联系。因此,对脚本的编写是实现播放列表效果的关键。读者如果还不清楚ActionScript的具体编写方法,可以先不必研究脚本的具体含义。等学习完以后的章节,可以再回过头来参考这些脚本。

  47. 4.8.3 实例制作 • 步骤如下:

  48. 4.9 导航菜单

  49. 4.9 导航菜单

  50. 4.9.1 菜单栏组件MenuBar • 使用MenuBar组件可以创建带有弹出菜单和命令的水平菜单栏,就像常见的软件应用程序中包含“文件”菜单和“编辑”菜单的菜单栏一样。其常用参数有如下几种。

More Related