`

flex使用as创建的组件,样式定义

    博客分类:
  • flex
 
阅读更多

使用as创建一个组件,如

var label:Label=new Label();

如果想给这个label设置样式,我们可以这样

						label.setStyle("paddingLeft",10);
						label.setStyle("paddingRight",5);
						label.setStyle("fontFamily","宋体");
						label.setStyle("fontSize","12");
						label.setStyle("fontWeight","normal");
						label.setStyle("color","0x1d7fba");
						label.alpha=0.8;

 但API会提示

调用 setStyle() 方法会降低性能。仅在必要时才使用它。

所以我把样式设置在css样式表中,然后再对他进行引用,代码如下:

css样式表:test.css

.myLabel1{
	paddingLeft:10;
	paddingRight:5;
	fontFamily:"宋体";
	fontSize:12;
	fontWeight:normal;
	color:#1d7fba;
	textAlpha:0.8;
}

 对样式的引用:

<fx:Style source="test.css"/>
 
label.styleName = "myLabel1";
 

 

 

 

 

 

分享到:
评论

相关推荐

    flex4自定义组件皮肤

    - 组件皮肤是Flex中改变组件外观的一种方式,通过定义不同的皮肤,可以改变组件的颜色、形状、边框等视觉元素。 - Flex4引入了Spark组件模型,相对于MX组件,Spark组件更加强调可定制性,允许开发者更自由地设计...

    flex 自定义组件

    5. **样式和皮肤**:Flex支持丰富的样式系统,你可以定义组件的默认样式,并允许用户通过样式表进行自定义。此外,组件还可以使用皮肤来改变其外观,皮肤可以是静态的图像,也可以是动态的组件实例。 6. **测试和...

    flex 创建as3例子

    本教程将深入探讨如何使用Flex创建一个AS3示例,并介绍如何引用SWC库。 首先,让我们了解ActionScript 3。AS3是Flash Player和Adobe AIR平台的核心语言,提供了面向对象编程能力,性能优越且功能强大。与早期版本...

    Flex4自定义组件开发.pdf

    5. **定义皮肤**:如果需要,为组件定义外观样式(皮肤),以适应不同的设计需求。 6. **测试和调试**:对组件进行充分的测试,确保其功能正常且性能良好。 #### 六、Flex4组件开发示例 为了更好地理解自定义组件...

    flex/flash自定义组件(搜索栏)

    总结来说,本示例展示了如何使用Flex和Flash创建一个自定义的搜索栏组件。从设计到编码,再到最终集成,这个过程涵盖了Flex组件开发的核心步骤。通过分析提供的文件,我们可以学习到如何将视觉设计与功能代码结合,...

    JSP调用Flex4组件演示代码

    4. **FLEX4源码项目**:这部分可能包含Flex项目的源代码,包括.mxml文件(定义组件结构和事件处理)和.as文件(编写ActionScript代码)。开发者可以通过查看这些源码学习如何在Flex4环境中创建组件,定义交互逻辑...

    Flex用的IFrame组件

    Flex的IFrame组件是通过ActionScript来创建和控制的。你可以使用AS代码来设置IFrame的属性,如`source`属性用于指定要加载的URL,`width`和`height`属性定义其尺寸。此外,还可以监听`contentLoad`事件来监控网页...

    Flex/AS写的表单对话框

    1. **组件创建**:表单对话框的构建通常始于创建一个新的Flex组件,这可以通过.mxml文件完成,其中包含组件的布局和可视元素,或者通过ActionScript类定义组件的结构和行为。 2. **ActionScript编程**:在AS文件中...

    flex组件重写

    本文将探讨Flex组件重写的必要性、考虑因素、以及AS和MXML方式的选用规则,并提供AS方式重写组件的一般步骤。 一、为什么要重写组件 1. 扩展功能:当Flex已有的组件无法满足特定业务需求时,我们可以通过继承现有...

    Flex4 自定义组件皮肤小结

    例如,可以使用Skin Editor创建一个新的皮肤类,拖拽部件到画布上,调整它们的位置和大小,然后设置颜色、渐变等样式属性。 以压缩包中的`pureMVC_Simple`为例,PureMVC是一个轻量级的框架,它并不直接涉及Flex4的...

    使用 ACTIONSCRIPT 3.0组件 (AS3组件帮助文档)

    ### 使用 ACTIONSCRIPT 3.0 组件(AS3 组件帮助文档) #### 第 1 章:简介 **目标读者** 本章节旨在为那些熟悉 Flash 应用程序开发及 ActionScript 编程的开发人员提供指导。这些开发人员希望通过使用组件来提高...

    第五章 自定义组件开发 第一节 自定义Flex组件

    1. **定义组件类**:首先,你需要创建一个新的AS3类,并让它继承自一个Flex组件基类。例如,你可以选择mx.core.UIComponent作为父类,或者根据需要选择更具体的基类。 2. **声明MXML元数据**:在ActionScript类中,...

    Flex 仿Vista 系统样式

    这个压缩包可能包含以下部分:1) 源代码文件,如.mxml或.as文件,包含Flex应用程序和自定义组件的定义;2) 样式表文件,如Vista.css,包含Vista样式的CSS规则;3) 图片资源,如PNG或JPEG,用于创建图形效果;4) 测试...

    自己写的as3 组件源码

    AS3(ActionScript 3)是Adobe开发的一种编程语言,主要应用于Flash Professional、Flex Builder等环境中,用于创建交互式富媒体内容,如网页游戏、动画和应用程序。在本压缩包中,你拥有“自己写的AS3组件源码”,...

    Flex4视频教程_03-03使用Image组件.rar

    本教程聚焦于“使用Image组件”,这是一部分关于如何在Flex4应用中集成和操作图像的重要内容。在Flex4中,Image组件允许开发者轻松地展示静态图像和动态加载网络上的图片资源。 1. **Image组件介绍**: - Image...

    深入FLEX组件生命周期

    **定义**:配置阶段用于完成组件的详细配置,包括设置组件的属性、事件回调函数、样式以及效果定义等。这一阶段应尽可能在初始化阶段之前完成所有必要的配置任务。 **代码示例**: ```as // 在配置阶段设置样式 ...

    Flex 3速记表 AS3.Flex.AIR最新版

    Flex 3是Adobe开发的一个开放源代码框架,用于构建富互联网应用程序(RIA),它使用ActionScript 3(AS3)编程语言和MXML标记语言。这个框架为开发者提供了丰富的组件库,使得创建交互式、高性能的Web应用变得更加...

    flex实现边框

    总之,使用Flex实现边框和标题主要涉及设置组件属性、使用CSS、自定义AS类以及应用皮肤。通过灵活组合这些方法,你可以创建出满足各种需求的富界面组件。在实际项目中,理解并熟练运用这些技术将极大地提升你的Flex...

    Flex.3速记表 AS3.Flex.AIR最新版(pdf)

    Flex 提供了一系列预定义的用户界面组件,如按钮、文本框、列表、面板等,这些被称为控件或组件。速记表可能会列出各种常用控件及其属性、方法和事件,便于开发者在设计用户界面时快速查阅。 3. **属性和样式**: ...

    flex 圆形按钮皮肤的制作

    在本文中,我们将深入探讨如何使用Flex技术来创建一个圆形按钮的皮肤。Flex是一种用于构建富互联网应用程序(RIA)的开放源代码框架,它基于ActionScript编程语言和Flex SDK。让我们一起看看如何通过源码来实现这个...

Global site tag (gtag.js) - Google Analytics