Flex 中需要记住的一些东西[转]

时间:2023-01-29 16:01:45

一、Application常用的事件

initialize=============>初始化

createcomplate==========>元素加载完

initialize发生在createcomplate之前。

 

二、数据请求说明

HTTPService==========>http数据请求。

SOAP(Simple Object Access Protocal)=======> webService

AMF(Adobe Action Message Format)========>Remote Object


三、Httpservice result格式

object
xml
flashvars
text
e4x
array

 

四、HTTPService的错误返回值说明

faultDetail错误细节,faultCode错误代码,faultString错误文字描述。

message是以上三个属性的集合。

 

五、自定义组件中的数据不要直接引用父容器的变量 ,而是要在父容器中给自定义组件设置属性。如:

父容器的一个变量是能过httpservice取得的,暂且叫 goodList,

在自定义组件中要声明一个public的变量,然后绑定到组件中的某个控件上。

public var dataList:ArrrayCollection

<mx:datagrid dataprovider="dataList"/>

 

在父容器中引用时: <comp:mycomp dataList="goodList"/>

 

六、利用标签的形式创建自定义事件

1、首先在<metadata>标签中声名事件,如:

<mx:MetaData>
    (Event(name="clickevent", type="flash.event.Event"))
</mx:MetaData>

2、派发事件。

3、直接在mx标签中做为属性监听此事件,如:

<mx:datagrid clickevent="clickHandler(event)">

4、要在自定义事件中传递参数,需要重写clone方法,如:

>> 构造函数定义事件方法

clickevent(type:string,param1:string)

>> 重写clone方法

override public function clone():Event{

    return new clickevent(type,param1);

}

 

七、渲染(ItemRenderer)

1、内联渲染的写法

<mx:datagrid>
<mx:itemrenderer>
<mx:Component>
<mx:Image/> //这里是要渲染的元素

</mx:Component>

</mx:itemrenderer>

</mx:datagrid>

2、对于独立的渲染类,要更新数据,可以重写data方法,如:

override public function set data(value:object)

可以用于字段为空时,显示的内容等


八、检测图片是否存在的方法

用UrlLoader,监听Compleate(图片存在)的IOError(图片不存在)事件,不存在时可以用默认图片代替

 

九、FB常用技巧

ctrl+shift+c 注释MXML代码段,及as代码段
ctrl+shift+p 跳转到大扩号的另一端
调整某行(或多行)的位置,可以用alt+上下箭头

 

十、容器

viewstack 属性 resizeToContent="true" 自动调节大小适应内容
引用id选中:content.selectedChild = id(id不要用引号)

显示最后一个标签页内容
content.selectedIndex = numChildren - 1

ButtonBar(LinkBar、TabBar)与viewstack配合使用,viewstack中有几个子元素,buttonbar将自动创建几个按钮。
<mx:ButtonBar dataprovider="{viewstack}"/>
将viewstack的每个子容器设置label属性,buttonbar会自动找label属性的值做为按钮的显示。

如果想显示图标,设置子容器的icon属性,如:icon="@Embed('assets/list.png')"

TabNavigator结合了TabBar与viewStack的功能,TabNavigator中直接包含子容器。

 

十一、嵌入图像

(包括swf svg png jpg gif)

方法一:
<mx:Images source="@Embed('assets/globe.swf')"/> or
<mx:Images source="@Embed(source='assets/globe.swf')"/>
嵌入的swf可以是一段动画
可以嵌入按钮(Button)、影片剪辑(MovieClip)元件,不能嵌入图片(Graphic)元件

嵌入flash中设计的多个元件,
为flash中的元件导出,并设置class值(texticon)
在嵌入时<mx:Images source="@Embed(source='assets/globe.swf', symbol='texticon')"/> or
<mx:Images source="@Embed('assets/globe.swf#texticon')"/>

方法二:
mx:script中定义[Embed()]元数据

[Embed(source='assets/globe.swf')]
[Bindable]
private var TextIcon:Class;
<mx:Image source="{TextIcon}"/>

or


[Embed(source='assets/globe.swf')]
private var TextIcon:Class;

[Bindable]
private var icon1:MovieClipAsset = new TextIcon();
[Bindable]
private var icon2:MovieClipAsset = new TextIcon();
<mx:Image source="{icon1}"/>
<mx:Image source="{icon2}"/>

 

十二、嵌入字体

1、检测已使用的是嵌入字体或设备字体
设置控件的rotation="45",如果仍然显示,说明是嵌入字体,否则是设备字体。
[Embed(source="c:/Windows/Fonts/Justus-Roman.ttf", mimeType="application/x-font" fontName="fontJustus", fontWeight="bold")]
private var font1:Class;

<mx:label fontFamily="fontJustus"/>

2、利用css定义
<mx:Style>
    .logofont{
        fontFamily:fontJustus
    }
</mx:Style>

3、可以利用字体名赋予systemFont属性,查看字体名的方法:在windows目录下找到字体,右键--属性,名字选项卡,其中有字体名称显示。
如:
[Embed(systemFont="Justus", mimeType="application/x-font" fontName="fontJustus", fontWeight="bold")]

4、用@font-face嵌入字体,如:
<mx:Style>
@font-face{
src:url("c:/windows/Fonts/Justus.ttf")
fontFamily:"fontJustusRomain"
unicodeRange:"U+0061-U+007A"    //用unicode编码圈定字体范围
}
</mx:Style>
or

<mx:Style>
@font-face{
src:local("Justus")
fontFamily:"fontJustusRomain"
}
</mx:Style>


5、利用flash cs3嵌入字体
在flash cs3中创建一个文本(动态文本),选择希望用于的字体,单击Embed按钮,可以直接输入字符(如:company,此时company这个单词将被嵌入),发布swf
在css中font-size的src直接引用导出的swf,此时的fontFamily要与在falsh中下拉框中选择的字体同名。

 

十三、css

global{} //设置全局

css样式提示(alt+>)

button的icon(upIcon、downIcon)可以是一个swf,用embed绑定元件,

skin(upSkin、downSkin)也可以是一个swf,skin会被拉伸至整个按钮的大小

 

十四、

flash cs中定义元件,转换为组件后,在flex中引用,可以直接将button的icon值指向元件名,如:
icon="listbutton"

 

十五、安全沙箱,允许访问本地文件

在编译器自变量中加入    --use-network=false