Spark and MX components
Flex defines two sets of components: Spark and MX. The Spark components are new for Flex 4 and are defined in the spark.* packages. The MX components shipped in previous releases of Flex and are defined in the mx.* packages.
The main differences between Spark and MX components are how you use CSS styles with the components and how you skin them. For the container components, there are additional differences about how the containers perform layout.
Spark and MX define some of the same components. For example, Spark defines a button control in the spark.components package, and MX defines a button control in the mx.controls package. When a component is available in both Spark and MX, Adobe recommends that you use the Spark component.
Spark and MX also define components that are unique. For example, Spark defines components to perform three dimensional effects. MX defines data visualization components, such as the DataGrid and AdvancedDataGrid controls, not included in Spark. Your applications often contains a mixture of Spark and MX components.
(Spark 和MX 组件
Flex定义了两类组件集合:Spark和MX。Spark组件是Flex4特有的,在spark.*包中被定义。MX组件是先前flex发布版本里存在的,被定义在mx.*包中。
Spark和MX主要的区别在于组件如何使用CSS风格和如何给它们设置皮肤。对于容器组件,在容器如何进行布局上还有别的不同之处。
Spark和MX定义了一些相同的组件。例如,Spark定义一个按钮控件在spark.components 包中,MX定义了一个按钮控件在mx.controls包中。当一个组件在Spark和MX都可用,Adobe推荐使用Spark组件。
Spark和MX也定义了各自独一无二的组件。例如,Spark定义组件来演示三维效果。MX定义数据可视化组件,例如DataGrid和AdvancedDateGrid控件,不包含在Spark.你的应用程序经常会混合使用Spark和MX组件。)
分享到:
相关推荐
此外,`SparkSkin` 是所有`mx.spark`可视化控件外观的基础类。换句话说,所有可视化的Spark控件的外观都必须继承自`SparkSkin`。 值得注意的是,`SparkSkin` 自身也继承自 `Skin` 类,而 `Skin` 类同样继承自 `...
在Flex开发中,Spark DataGrid是一个常用的组件,用于展示数据表格。然而,当涉及到自定义交互,如拖动删除功能时,开发者可能会遇到问题,因为MX组件与Spark组件的实现方式有所不同。MX DataGrid和Spark DataGrid在...
快速创建MX和Spark组件。 如何使用 在VSCode中安装扩展 打开mxml文件,开始输入组件名称并选择代码段 注意:要在VSCode中创建Flex项目,请安装。 片段 AdvancedDataGrid BorderContainer Box MX Button Spark ...
SparkSkin是所有Spark可视组件外观的基础,涵盖了mx.spark包中的所有控件。SparkSkin的父类是Skin,虽然它们在功能上类似,但SparkSkin提供了更多的灵活性和控制,适用于更复杂的组件样式设计。在某些情况下,如果...
- Flex4引入了Spark组件模型,相对于MX组件,Spark组件更加强调可定制性,允许开发者更自由地设计组件外观。 2. **创建自定义皮肤** - 使用Flex SDK中的Skin类或MXML来创建自定义皮肤。皮肤通常包含一组显式状态...
此外,Flex4中MX组件的默认主题已更改为Spark主题,这可能会影响应用程序的外观和感觉。不过,Flex4仍然保留了Flex3的Halo主题,可以通过设置编译参数来恢复Flex3的外观。 ### 总结 Flex4与Flex3之间的主要区别...
例如,`s|Button`和`mx|Button`分别对应于Spark和Halo组件库中的按钮。 5. **示例代码**:在示例中,我们创建了一个包含Spark按钮、Halo按钮、以及两个文本输入框的`VGroup`布局容器。每个控件都被赋予了特定的样式...
- **Spark和MX组件**:Flex 4引入了Spark组件集,与早期的MX组件并存。Spark组件更加灵活,支持自定义样式和皮肤,而MX组件更适合快速开发。 4. **数据绑定和事件处理** - **数据绑定**:Flex中的核心特性之一,...
例如,在Flex3中,我们使用的是 `<mx:Application>` 作为根容器,而在Flex4.5中则是 `<s:Application>`,这反映了不同的命名空间和组件库。 #### 三、第一章:可视化组件运用 Flex中的“可视化组件”是指那些能够...
xmlns:s="library://ns.adobe.com/flex/spark"> <mx:Script> <![CDATA[ import mx.charts.chartClasses.ChartsLicenseHandler; ]]> </mx:Script> <mx:ChartsLicenseHandler/> ``` - 通过这种方式,可以在...
在MXML中,你可以定义一个类继承自`mx.controls.Label`或者`spark.components.Label`,并添加需要的样式和逻辑。例如: ```xml xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe...
这些组件基于MX和Spark两个组件模型,MX组件是Flex早期版本的传统组件,而Spark组件提供更现代的外观和行为。 5. **数据绑定**: Flex支持数据绑定,允许UI元素的状态自动反映数据模型的变化,减少了编写繁琐的事件...
- **Spark 基于列表的控件**:涵盖了 Flex 中基于列表的各种控件的特性和使用方法。 - **Spark DataGrid 和 Grid 控件**:重点讲解了 DataGrid 及 Grid 控件的高级用法。 - **MX 布局容器**:介绍了 MX 框架下用于...
Flex4引入了全新的Spark组件模型,与之前的MX组件模型相比,Spark组件更加轻量级,提供了更好的性能和更多的自定义可能性。Spark组件库包括了丰富的UI元素,如按钮、列表、面板等,它们在设计上更注重可定制性和可...
在Flex 4中,最重要的变化之一是组件模型的改变,引入了Spark组件架构,它与原有的MX组件架构并行存在,但更注重设计和性能。Spark组件库提供了一套全新的UI组件,这些组件基于Flex 4的皮肤ning机制,允许开发者创建...
xmlns:mx="library://ns.adobe.com/flex/mx" creationComplete="init()"> ``` 2. 创建PieChart实例:在MXML文件中,声明一个PieChart实例,并为其分配ID。 ```xml ``` 3. 添加数据源:饼图的数据源通常是...
1. **创建新类**:首先,我们需要创建一个新的ActionScript类继承自`mx.controls.ListItemRenderer`或`spark.components.supportClasses.ItemRenderer`(Spark架构下)。例如,我们可以创建一个名为`...
同时,理解ActionScript的基本语法、MXML组件模型以及Flex框架(如Spark和MX)的工作原理对高效开发至关重要。 总的来说,配置Flex开发环境是开发高质量RIA的第一步。无论选择MyEclipse还是Eclipse,正确的配置和...
FooterSpark DataGrid是Flex 4.x(也称为Spark)中的一个组件,它提供了比早期版本(如MX DataGrid)更强大和灵活的功能。 1. **Spark DataGrid组件**: Spark DataGrid是Flex 4引入的新一代数据网格,与之前的MX ...
Flex4 API是Flex4开发的核心,它包含了大量的类库和组件,如Spark和MX组件集,以及ActionScript3的类库。Spark组件提供了更现代、更灵活的设计模式,而MX组件则保留了对早期Flex版本的兼容性。通过API文档,你可以...