Flex需要记住的一些东西

最新推荐文章于 2024-04-30 14:23:51 发布

hina90

最新推荐文章于 2024-04-30 14:23:51 发布

阅读量781

点赞数

分类专栏： Flex技术文章标签： flex datagrid flash button object image

Flex技术专栏收录该内容

10 篇文章 0 订阅

订阅专栏

一、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中下拉框中选择的字体同名。