`
demojava
  • 浏览: 548920 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

Flex 4 Spark 组件

 
阅读更多
Flex 4 的 Spark 组件 
Spark 容器
所有 Spark 容器均支持可分配布局功能。

  • Group – Flex 4 的不可植皮的容器类,它能够包含图像子组件,例如 UIComponents 、利用 Adobe Flash Professional 创建的 Flex 组件以及图形元素等。
  • DataGroup – Flex 4 的不可换皮的容器类。它只能够包含非图像数据条目作为子组件。 DataGroup 容器支持条目渲染器 (一种能够将数据条目转换成可显示图形的图像元素)的生成以及其元素的虚拟化功能。
  • SkinnableContainer – Group 的可换皮版本。
  • SkinnableDataContainer – DataGroup 的可换皮版本。
  • Application – 基于浏览器的 Flex 应用程序的顶级可换皮容器 (与 AIR 应用程序是对立的,它使用下面描述的 Spark WindowedApplication 容器)。
  • BorderContainer – 支持边界和背景填充的 CSS 式样的可换皮容器 (与由MX容器支持的边界和背景式样相似)。
  • Panel – 支持标题栏、标题和边界的可换皮容器。Panel – 支持标题栏、标题和边界的可换皮容器。
  • TitleWindow – 与支持关闭按钮和可移动区域的 Panel 相似的可换皮容器。 TitleWindow 可以作为一个弹出视窗由 PopUpManager 弹出。
  • Window – 可换皮组件。它可以用作 Adobe AIR 应用程序的顶级应用程序视窗。
  • WindowedApplication – 可换皮组件。它能够在 Adobe AIR 应用程序中定义应用程序容器。
  • 按钮组件
  • Button – 可换皮矩形按钮。
  • CheckBox – 可换皮组件。它由一个标签和一个支持打钩标记的方框组成。
  • RadioButton – 可换皮组件。它能够用于在一组互斥的单选按钮中识别单一选择。
  • 范围组件
  • ScrollBar – 可换皮组件。它能够控制在一个给定内容区域中显示数据的数量。
  • Slider – 可换皮组件。它允许通过将一个微型图标拖拽至导轨的两个端点之间来选择值。
  • Spinner – 可换皮组件。它由用于从有序集中选择值的 up 和 down 按钮组成。
  • NumericStepper – 可换皮组件。它实际上是与 Spark TextInput 控件相连的 Spark Spinner 控件,并且支持选择和编辑 numeric 类型的值。
  • 文本组件
  • Label – 不可换皮控件。它能够显示单行的统一格式文本。
  • RichText – 不可换皮控件。它能够显示多行支持嵌入图像的富文本。
  • RichEditableText – 不可换皮控件。它能够用于显示、滚动、编辑和选择多行富文本。
  • TextArea – 可换皮控件。它能够允许显示和编辑多行富文本。
  • TextInput – 可换皮控件。它能够允许显示和编辑单行统一格式文本。
  • 基于列表组件
  • List – 可换皮组件。它能够显示数据条目。 它支持条目渲染器生成、单行和多行选择、拖放操作、虚拟化以及可分配布局等。
  • DropDownList – 可换皮组件。它允许用户从不知不觉打开的数值列表中选择数值。
  • ComboBox – 可换皮组件。它实际上是一个具有编辑功能的Spark DropDownList。
  • 导航组件
  • ButtonBar – 可换皮组件。它支持从类似浏览器的按钮组中选择的单个按钮。
  • TabBar – 可换皮组件。它支持从类似浏览器的标签组中选择的单个标签。
  • Spark 滚动组件
  • Scroller – 可换皮组件。它定义一个可滚动视图并且支持垂直和水平滚动条。
  • Spark 媒体组件
  • VideoPlayer – 可换皮组件。它支持视频媒体的播放并且构建于 开源媒体框架(Open Source Media Framework)上。


下面给出了Flex 3 MX 组件及其对应的Flex 4 Spark 组件:
Flex 3 MX Component Flex 4 Spark Component
mx.controls.Button spark.components.Button
mx.controls.ButtonBar spark.components.ButtonBar
mx.controls.CheckBox spark.components.CheckBox
mx.controls.ComboBox spark.components.DropDownList (w/o editability)
mx.controls.HorizontalList spark.components.List (with a HorizontalLayout)
mx.controls.HRule spark.primitives.Line
mx.controls.HScrollBar spark.components.HScrollBar
mx.controls.HSlider spark.components.HSlider
mx.controls.Image spark.primitives.BitmapImage (w/o support for external images)
mx.controls.LinkBar spark.components.ButtonBar (with a custom skin)
mx.controls.LinkButton spark.components.Button (with a custom skin)
mx.controls.List spark.components.List
mx.controls.NumericStepper spark.components.NumericStepper
mx.controls.RadioButton spark.components.RadioButton
mx.controls.RadioButtonGroup spark.components.RadioButtonGroup
mx.controls.TextArea spark.components.TextArea
mx.controls.TabBar spark.components.TabBar
mx.controls.TextInput spark.components.TextInput
mx.controls.TileList spark.components.List (with a TileLayout)
mx.controls.ToggleButtonBar spark.components.ButtonBar
mx.controls.VideoDisplay spark.components.VideoPlayer
mx.controls.VRule spark.primitives.Line
mx.controls.VScrollBar spark.components.VScrollBar
mx.controls.VSlider spark.components.VSlider

mx.core.Application spark.components.Application
mx.core.Window spark.components.Window
mx.core.WindowedApplication spark.components.WindowedApplication
mx.containers.ApplicationControlBar spark.components.Application (with the controlBarContent)
mx.containers.Canvas spark.components.Group
mx.containers.ControlBar spark.components.Panel (with the controlBarContent property)
mx.containers.HBox spark.components.HGroup
mx.containers.Panel spark.components.Panel
mx.containers.Tile spark.components.Group (with a TileLayout)
mx.containers.VBox spark.components.VGroup

下面给出了目前没有直接与Spark对应类的组件和容器。
Flex 3 classes with no direct Flex 4 counterpart
mx.controls.Alert
mx.controls.ColorPicker
mx.controls.DataGrid
mx.controls.DateChooser
mx.controls.DateField
mx.controls.Menu
mx.controls.MenuBar
mx.controls.PopUpButton
mx.controls.PopUpMenuButton
mx.controls.ProgressBar
mx.controls.RichTextEditor
mx.controls.Tree
mx.containers.Accordion
mx.containers.DividedBox
mx.containers.Form
mx.containers.Grid
mx.containers.TabNavigator
mx.containers.TitleWindow
mx.containers.ViewStack

转载:http://hepeng421.blog.163.com/blog/static/11948517201111422256661/?fromdm&fromSearch&isFromSearchEngine=yes
分享到:
评论

相关推荐

    Flex4 Spark皮肤

    ### Flex4 Spark皮肤详细制作讲解 #### 一、引言 在Flex4中,Adobe引入了新的皮肤系统,称为Spark Skin系统,旨在提供更高效、更灵活的UI设计能力。本篇文章将详细介绍如何利用Flex4中的Spark Skin进行控件样式的...

    Flex4自定义组件开发.pdf

    Flex4采用了全新的Spark组件架构,与之前的Flex3(Halo组件架构)相比有了很大的改进。Spark架构采用了更为现代的设计模式,如MVC(Model-View-Controller)模式,这使得组件更加模块化、易于维护,并提高了整体性能...

    flex4自定义组件皮肤

    - Flex4引入了Spark组件模型,相对于MX组件,Spark组件更加强调可定制性,允许开发者更自由地设计组件外观。 2. **创建自定义皮肤** - 使用Flex SDK中的Skin类或MXML来创建自定义皮肤。皮肤通常包含一组显式状态...

    flex4 Spark Intranet Sample App

    首先,Spark组件集是Flex4的核心特性之一,它提供了一套完全重写且优化的UI组件,相比以前的 Halo 组件,Spark组件在样式、性能和可定制性上有了显著提升。Spark组件的设计理念是组件化和模块化,使得开发者能够更...

    精讲Flex4组件开发(附源码)

    "精讲Flex4组件开发"的主题深入探讨了Flex4中的组件开发技术,特别是聚焦于Spark组件架构,这是Flex4中引入的一种新的组件模型,旨在提高性能和可扩展性。 Spark组件架构是Flex4中的核心特性之一,它与之前的MX组件...

    JSP调用Flex4组件演示代码

    Flex4引入了Spark组件模型,提供了更灵活的布局和样式管理,以及更强大的图形渲染能力。在这个演示中,Flex4组件被用于创建用户界面,提供丰富的图形和交互体验。 3. **JSP与Flex4的交互**:两者之间的通信通常通过...

    flex4Tree组件分层显示数据示例

    在Flex4中,Tree组件是一种强大的用户界面元素,用于展示层次结构的数据。它允许用户以图形化的方式浏览和操作多级目录或具有嵌套结构的信息。在这个“flex4Tree组件分层显示数据示例”中,我们将深入探讨如何在Flex...

    Flex各自定义组件事件通讯例子

    1. 组件创建:首先,你需要创建一个新的ActionScript类,继承自Flex的基础组件类,如Spark的SkinnableComponent或MX的Canvas。 2. 组件属性:定义组件的属性,用于设置和获取组件的状态,例如在登录组件中,可能有...

    Flex 定制ItemRender详细解释

    - 创建一个新ActionScript类,继承自mx.controls.listClasses.ItemRenderer(对于Flex 3和4 MX组件)或s:ItemRenderer(对于Flex 4 Spark组件)。 - 在类中定义视图元素,如Label、Button等,并将数据绑定到这些...

    Flex4 自定义组件皮肤小结

    在Flex4中,自定义组件皮肤是提升应用界面美观度和用户体验的重要手段。Flex4引入了全新的皮肤架构,使得开发者可以更加灵活地控制组件的外观和交互效果。本篇文章将围绕Flex4自定义组件皮肤进行深入讲解,并结合...

    flex的mxml语言基础

    Flex 4将功能和组件划分为三个主要的命名空间:fx(核心功能),mx(Flex 3 MX组件),s(Flex 4 Spark组件)。开发者也可以自定义命名空间来存放自己的类。 **MXML书写规范** 书写MXML时,需要注意以下几点: 1. ...

    flex4 选择树组件

    在MXML文件中,可以通过`<s:Tree>`标签来引用Tree组件,这里的`s`是Spark组件库的命名空间。 2. **数据绑定**:Tree组件的数据源通常是ArrayCollection或XMLListCollection等可迭代数据集。你可以通过`dataProvider...

    flex4组建以及DEMO实例.安装序列号

    Flex4引入了Spark组件集,与原有的MX组件集相比,Spark组件具有更好的可定制性和性能优化。Spark组件基于Flex4的图形渲染引擎——Gumbo,允许开发者自定义组件外观和行为,提供了更丰富的UI设计可能性。例如,...

    Flex_4系统组件:图表

    Flex 4引入了全新的图形渲染引擎(称为Spark),使得图表组件在功能和视觉表现上都有显著提升。 在Flex 4中,图表组件主要包含以下几种类型: 1. **LineChart**:线图,用于显示连续数据,常用于展示趋势变化。 2....

    Flex4 一学就会 (Hello Flex4)

    Flex4引入了全新的Spark组件模型,与之前的MX组件模型相比,Spark组件更加轻量级,提供了更好的性能和更多的自定义可能性。Spark组件库包括了丰富的UI元素,如按钮、列表、面板等,它们在设计上更注重可定制性和可...

    flex4 实战 flex4 in action

    Spark组件库提供了一套全新的UI组件,这些组件基于Flex 4的皮肤ning机制,允许开发者创建高度自定义的界面。 此外,Flex 4中的ActionScript 3.0有了显著增强,包括类的优化、访问修饰符的改进以及对ECMAScript for ...

    FLEX4_Flex4教程 - FLEX4从入门到精通,挺不错的值得一看

    3. **Spark组件**:Flex4引入了全新的Spark组件集,相比以前的 Halo组件,Spark组件更注重可定制性、性能和视觉效果。开发者可以深入了解各种组件的属性、事件和样式,并根据需求进行自定义。 4. **States和...

    Flex 4的十大变化

    2. **Spark组件架构**:Spark组件模型是Flex 4的核心之一,它替代了Flex 3的Halo组件模型。Spark架构实现了松耦合,使组件的核心逻辑、皮肤和布局可以独立处理。这种设计增强了组件的可定制性和可扩展性,同时保持与...

    Flex 4 高级编程 Flex 4 高级编程

    1. **Spark组件架构**:Flex 4引入了全新的Spark组件集,相较于先前的 Halo 组件,Spark组件更加灵活、可定制化,并且支持皮肤和样式分离,这极大地提升了UI设计的自由度和效率。 2. **图形和动画**:Flex 4 引入了...

    Flex 组件全屏的组件

    这是原始的库了,里面少了一个针对按下ESC键的处理,这个在使用的时候可以自己加,另外一个问题就是由于这个库是FLEX3的,所以在FLEX4.0或以上的版本(使用的spark主题)的时候,需要修改类里面的Canvas为Group或者...

Global site tag (gtag.js) - Google Analytics