skinClass的使用方法:
【1, 属性引用】
- <s:Application name="Spark_Application_skinClass_test"
-
xmlns:fx="http://ns.adobe.com/mxml/2009"
-
xmlns:s="library://ns.adobe.com/flex/spark"
-
xmlns:mx="library://ns.adobe.com/flex/halo"
-
skinClass="skins.CustomApplicationSkin">
- </s:Application>
<s:Application name="Spark_Application_skinClass_test"
xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/halo"
skinClass="skins.CustomApplicationSkin">
</s:Application>
【2,css引入】
- <fx:Style>
-
@namespace s "library://ns.adobe.com/flex/spark";
-
- s|Application {
-
skinClass: ClassReference("skins.CustomApplicationSkin");
- }
- </fx:Style>
<fx:Style>
@namespace s "library://ns.adobe.com/flex/spark";
s|Application {
skinClass: ClassReference("skins.CustomApplicationSkin");
}
</fx:Style>
3,as代码指定,这个更适合动态皮肤
- <fx:Script>
- <![CDATA[
-
import skins.CustomApplicationSkin;
-
-
protected function btn_click(evt:MouseEvent):void {
-
setStyle("skinClass", CustomApplicationSkin);
- }
- ]]>
- </fx:Script>
分享到:
相关推荐
- 如果在自定义皮肤中使用了MX组件,可能与Flex4的Spark组件不兼容。因此,描述中提到的“请自己把所有mx组件改成sp组件”,是为了确保在Flex4环境中正确运行。 6. **压缩包内容分析** - 压缩包中的"src"目录可能...
### Flex4自定义组件开发详解 #### 一、Flex4自定义组件概述 Flex4(也称为Spark)是Adobe Flex框架的一个重要版本,它引入了许多新的特性,包括改进的组件库、性能优化以及更好的可定制性。在Flex4中,自定义组件...
核心的皮肤基类是`spark.components.supportClasses.Skin`,所有自定义皮肤都应该继承这个类。皮肤由多个部分组成,如状态、部件(Part)和图形元素(Graphic Element)。每个部分都对应组件的不同视觉元素,例如...
1. 事件监听:在Flex中,可以使用addEventListener方法监听特定事件,如HTTPService的result或fault事件,或者自定义的下载事件。 2. 进度更新:当接收到下载进度更新事件时,需要调用ProgressBar的...
本文将深入探讨FLEX4中的皮肤系统,特别是SparkSkin类,并通过实例展示如何创建和应用自定义皮肤。 1. SparkSkin的介绍: SparkSkin是Flex 4(Gumbo)引入的主要皮肤类,位于`spark.skins`包下。它是一个Group类型...
如果自定义了新的样式,可以在此方法中处理这些样式,例如改变组件的皮肤或颜色。这使得组件能够响应样式的变化,保持与应用主题的一致性。 总的来说,理解并熟练运用这些方法是开发Flex高级自定义组件的关键。通过...
在Flex4中,自定义组件是一项重要的技能,它允许开发者根据特定需求创建具有独特功能和外观的用户界面元素。本话题聚焦于自定义一个通用的`ImageButton`组件,该组件结合了图像和按钮的功能,提供了更丰富的交互体验...
与早期版本相比,Flex4引入了更加灵活的皮肤和组件架构,使开发者能够自定义UI元素的外观和行为。 Adobe AIR则是Flex的一个重要扩展,它允许Flex应用运行在桌面环境,而不只是局限于浏览器。AIR提供了本地桌面功能...
3. **使用自定义皮肤**: - 在主应用MXML文件中,导入自定义进度条皮肤类。 - 创建一个`ProgressBar`实例,并将其`skinClass`属性设置为自定义皮肤类的全限定名。 例如: ```xml import custom.skins....
这个主题聚焦于“flex自定义控件与事件”,这是一个关键的开发概念,特别是对于那些希望深入理解Flex架构和提升应用用户体验的开发者来说。 自定义控件在Flex开发中扮演着重要角色,它们允许开发者根据项目需求创建...
在Flex4中,皮肤(Skin)是一个重要的概念,它允许开发者自定义组件的外观和交互体验,以满足不同应用的视觉设计需求。 Flex4 的皮肤系统是一个基于MXML和CSS的可扩展框架,允许开发者分离界面的视觉表现与功能逻辑...
Flex 运用FB4开发的自定义皮肤 可以直接导入到里面并且自动转换成css文件!
5. **自定义皮肤**: 在Spark主题中,组件的外观由皮肤(Skin)控制。创建一个新的皮肤类,例如IconInputSkin,通过MXML或ActionScript定义组件的视觉元素。设置皮肤的属性,如cornerRadius属性来实现圆角效果,...
Flex自定义组件是Adobe Flex框架中的一个重要特性,它允许开发者创建具有特定功能和外观的UI元素,以满足项目中独特的用户界面需求。Flex是一个开源的、基于MXML和ActionScript的开发框架,主要用于构建富互联网应用...
Flex CSS简介 Flex 使用MXML设置样式 Flex 使用ActionScript设置样式 Flex 样式的继承与叠加 Flex 主题的使用 Flex 自定义皮肤 Flex 应用皮肤
3. **设置皮肤**:在自定义组件类中,使用 `skinClass` 属性指定你的自定义皮肤类。这样,当你实例化这个组件时,它就会使用你定义的皮肤。 4. **集成到应用**:在应用主类或布局中,将自定义的ActionBar组件引入,...
通过以上内容,我们可以了解到在Flex4中如何利用`SparkSkin`和`Skin`类来定制组件的外观,以及如何将自定义皮肤应用到实际项目中。这对于初学者来说是一个很好的起点,能够帮助他们理解Flex4的皮肤机制,并进一步...
### Flex4 Spark皮肤详细制作讲解 #### 一、引言 ...无论是通过MXML还是ActionScript,甚至是CSS样式表,都可以轻松地应用这些自定义皮肤到控件上。这对于开发高质量、具有独特风格的应用程序来说至关重要。
例如,可以使用`skinClass`属性指定自定义皮肤,或者直接在CSS文件中定义新的类来改变进度条的外观。 2. **模板定制**:可以使用MXML或ActionScript创建自定义模板,替换默认的矩形条形状。例如,创建一个圆形、...
创建完自定义进度条后,你可以像使用任何其他Flex组件一样在应用程序中导入并使用它。将其添加到主容器中,设置相关属性,如初始值、最大值等,然后在加载数据时启动进度条。 7. **优化和调试** 为了确保自定义...