flex 学习注意事项

男娘i 2022-03-08 02:20 192阅读 0赞

总结的挺好的，对学习flex很有帮助！

1、自定义控件加载。

flex3中自定义控件，加载时直接定义xmlnx:\*\*即可使用。在flex4中，自定义控件，需要加在<fx:Declarations>中，如：

<fx:Declarations>  
      <c:MainController id="controler" />  
</fx:Declarations>

2、Application的监听或派发事件。

flex3中可以直接用Application.application.addEventListener，在flex中，不能再用此方法，要改为：

FlexGlobals.topLevelApplication.addEventListener(event,func);

3、Application常用的事件

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

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

initialize发生在createcomplate之前。

4、数据请求说明

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

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

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

5、Httpservice result格式

object  
xml  
flashvars  
text  
e4x  
array

6、HTTPService的错误返回值说明

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

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

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

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

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

public var dataList:ArrrayCollection

<mx:datagrid dataprovider="dataList"/>

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

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

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);

9、渲染(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)

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

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

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

11、FB常用技巧

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

12、容器

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中直接包含子容器。

13、嵌入图像

(包括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\}"/>

\[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\}"/>

14、嵌入字体

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

15、css

global\{\}  //设置全局

css样式提示（alt+>）

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

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

16、

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

17、安全沙箱，允许访问本地文件

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

flex 安全沙箱设置

1 、

编绎参数  
\-use-network=false(本地文件访问域)  
\-use-network=triue(本地网络访问域，默认)

2、  
crossdomain(默认网站根目录下)，如  
<cross-domain-policy>  
    <allow-access-from domain="\*.yinsw.com" secure="true"/>  
    <allow-access-from domain="localhost"/>  
</cross-domain-policy>  
secure=true(https访问时才允许)

3、  
flash9以上访问http请求，如果允许在http发送头部(header)信息，(常见调用webservice不成功时)  
<allow-http-request-headers-from domain="\*" headers="\*"/>

4、  
不想让整个网站都被跨域访问，在public以外的文件夹都不允许。  
Security.loadPolicyFile("[http://www.aa.com/public/policy.xml][http_www.aa.com_public_policy.xml]")

5、  
创建者授予脚本互访许可-http  
Security.allowDomain("\*");  正确的写法  
Security.allowDomain("a.com","b.com"); 正确的写法  
Security.allowDomain("\*.a.com")  错误的写法

[http_www.aa.com_public_policy.xml]: http://www.aa.com/public/policy.xml