Flex学习 一

如何自定义组件:

在<application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" style="color:red"><strong>xmlns:cmp="myControls.*"</strong></application> borderStyle="outset" borderThickness="6" cornerRadius="7" alpha="0.91" backgroundGradientAlphas="[1.0, 1.0]" backgroundGradientColors="[#F9F23E, #55F02B]" verticalAlign="middle" fontSize="12" fontFamily="Arial">内部声明一个自定义组件的命名空间,然后调用即可(xmlns:cmp="myControls.*"

类文件:

package myControls

{

import mx.controls.Button;

public class MyButton extends Button

{

public function MyButton()

{

this.label="go";

this.setActualSize(100,30);

}

}

}

调用:

<mybutton click="res.text=calcul.run(Number(n1.text), &lt;/span&gt;&lt;/p&gt;&lt;p style=" margin-left:><span style="font-family:微软雅黑; font-size:10pt">Number(n2.text),tp.value).toString()" x="196.5" y="99"/&gt; </span></mybutton>

flex的事件机制

事件监听器:相应特定时间的组件叫做事件监听器

例如:用户的单击双击时间 对应的事件监听器可以为 按钮Button

可以为在后台代码中直接操作源事件,方法为为方法传入一个参数 event 作为事件源来使用!,后台方法为eventsEvent

Flex学习 一_第1张图片

Flex学习 一_第2张图片

flex基本语法

2009年8月18日

20:28

主要运算符

1.变量的声明

Var num:Number=123;

2.常量

Const i:Number=3.14;

运算符

执行的运算

[ ]

初始化数组

{x:y}

初始化对象

( )

对表达式进行分组

f(x)

调用函数

new

调用构造函数

x.y x[y]

访问属性

>

初始化XMLList对象(E4X)

@

访问属性(E4X)

::

限定名称(E4X)

..

访问子级XML元素(E4X)

  • 关系运算符用来对操作数进行比较,常用于关系表达式中作为判断的条件。关系运算符是二元运算符,有两个操作数,对两个操作数进行比较。比较的结果为布尔型(Boolean),即true或者false。表列出了所有关系运算符,它们具有相同的优先级。

as判断是否为指定数据类型,若是则返回true,否false

运算符

执行的运算

小于

>

大于

小于或等于

in

检查对象属性

is

检查数据类型

三元运算符 ?:

(a!="")?(i=1):(i=0);

数据类型

1.基本数据类型

Int,boolean,null,number,Striing,uint,void

2.复杂数据类型

Object,Array,Date,Error,Function,RegExp,XML,XMLLIST,自定义数据类型

>=

大于或等于

Flex学习 一_第3张图片

组件

2009年8月18日

23:08

  • 尺寸(Size):每一种控件都有自己默认的尺寸。在使用这些控件的时候,可以使用默认尺寸,也可以根据需求改变,还可以在应用运行时,动态改变。
  • 事件(Event):用户界面的元素,需要对用户的操作做出反应,这就是事件,例如:单击按钮,在运行时动态创建组件等,事件是组件非常重要的组成部分。
  • 样式(Style):样式是用来显示组件的元件。在Flex中可以利用样式表(CSS,Cascading Style Sheets),设定组件的样式。
  • 行为(Behaviors):由用户或者应用触发,改变组件的状态。例如,用户使用鼠标拖放组件。
  • 皮肤(Skin):组件的外观。

可视化组件主要包括

1.控件 按钮,输入框等

2.容器 用来存放控件的地方

3.图表 利用xy轴来存放数据

Flex学习 一_第4张图片Flex学习 一_第5张图片Flex学习 一_第6张图片

控件

2009年8月18日

23:21

1.常用控件之 按钮

Flex学习 一_第7张图片

2.单选按钮

多个单选按钮组成单选按钮组,每个组只可有一个单选按钮被选中,其他的为未选中状态

<radiobutton></radiobutton>

继承自mx.controls.Button

例如:

  • <radiobutton><span style="color:blue"> groupName</span><span style="color:black">=" month " id="Jan" label="一月的帐单" width="150"/&gt; </span></radiobutton>
  • <radiobutton><span style="color:blue">groupName</span><span style="color:black">=" month " id="Feb." label="二月的帐单" width="150" /&gt; </span></radiobutton>
  • <radiobutton><span style="color:blue">groupName</span><span style="color:black">=" month " id="mar" label=三月的帐单" width="150" /&gt;</span></radiobutton>
  • <radiobutton><span style="color:blue">groupName</span><span style="color:black">=" month " id="apron" label="四月的帐单" width="150" /&gt;</span></radiobutton>

Flex学习 一_第8张图片

单选按钮组:

<radiobuttongroup id="radioButtonGroup1"></radiobuttongroup>

<radiobutton groupname="radioButtonGroup1" value="value1"></radiobutton>

<radiobutton groupname="radioButtonGroup1" value="value2"></radiobutton>

Flex学习 一_第9张图片Flex学习 一_第10张图片Flex学习 一_第11张图片Flex学习 一_第12张图片

Flex学习 一_第13张图片

htmlText的用法?

先在script代码内写好代码,在引用{}即可

[Bindable]

Eclipse 3.4上使用FlexBuilder介绍-闪无忧

2009年7月30日

20:38

当前位置 :首页>Flex-AIR>Flex资料>列表

Eclipse 3.4上使用FlexBuilder介绍

[来源:闲云孤鹤|作者:闲云孤鹤|时间:2008-08-10|点击: 1964 |收藏本文 ]

Eclipse 3.4发布已经有一段时间了,其带来很多新的特性,但是对于使用FlexBuilder的朋友来说,想要切换到Eclipse 3.4就没那么容易,因为FlexBuilder是基于Eclipse 3.3的,和Eclipse 3.4并不兼容,在Eclipse 3.4刚发布的时候我就做过尝试,可是mxml编辑器却不能打开,会报org.eclipse.jface.util.Assert$AssertionFailedException: Assertion failed,当时没有时间折腾,Adobe官方关于这里Bug的说明在这里,这里据说在FlexBuilder 3.01已经解决了这样的问题,可那里有3.01下载,对不起,我也不知道。今天无意发现了这里,这里提供了一个补丁,利用这个我们就可以在Eclipse 3.4上使用FlexBuilder了。安装方法如下: 首先从这里下载这个补丁包: wget http://www.tekool.net/blogfiles/flex-builder-3-plugin-dont-work-with-eclipse-34/FB3_Eclipse34_patch.zip 然后解压该补丁包,解压后在Flex Builder 3 Plug-in/eclipse/plugins应该有两个文件:

  • com.adobe.flexbuilder.debug.e33_3.0.194161.jar
  • com.adobe.flexbuilder.editors.derived_3.0.194161.jar

在您的FlexBuilder目录下找多对应的文件,因为可能补丁包的版本和您安装的FlexBuilder版本有差异,所以直接在查找类似名称的文件即可,如:

ls -l plugins/com.adobe.flexbuilder.editors.derived*
-rw-r--r-- 1 feiy feiy 218286 2008-06-30 08:04 plugins/com.adobe.flexbuilder.editors.derived_3.0.196042.jar

那么首先将com.adobe.flexbuilder.editors.derived_3.0.194161.jar复制到FlexBuilderplugins目录下,然后在Plugins目录执行如下命令:

cp com.adobe.flexbuilder.editors.derived_3.0.196042.jar com.adobe.flexbuilder.editors.derived_3.0.196042.jar.old
mv com.adobe.flexbuilder.editors.derived_3.0.194161.jar com.adobe.flexbuilder.editors.derived_3.0.196042.jar

接着在FlexBuilder/plugins目录中查找com.adobe.flexbuilder.debug.e33开头的目录:

ls -l |grep com.adobe.flexbuilder.debug.e33
drwxr-xr-x 3 feiy feiy 4096 2008-08-05 11:22 com.adobe.flexbuilder.debug.e33_3.0.196042

以上

你可能感兴趣的:(eclipse,css,Flex,Adobe,AIR)