`

flex需要记住的一些东西

    博客分类:
  • Flex
阅读更多

一、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

分享到:
评论

相关推荐

    Flex Flex Flex Flex

    Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex ...

    flex自己用的一些东西

    在深入Flex编程之前,我们需要了解以下关键知识点: 1. **ActionScript**: Flex的主要编程语言,它是基于ECMAScript的,支持面向对象编程。ActionScript 3.0是Flex中最常用的语言版本,提供了强大的性能和丰富的...

    自己写的分页 flex datagrid 及一些其他东西 flexbuilder 项目源文件

    标题中的“自己写的分页 flex datagrid 及一些其他东西 flexbuilder 项目源文件”表明这是一个使用Adobe Flex Builder开发的项目,重点在于自定义的分页功能和数据网格(datagrid)组件。Flex是Adobe推出的一种用于...

    Flex万年历记事本_flex源码

    8. **数据存储**:记事本功能通常需要持久化数据。Flex应用可以利用本地存储机制,如SQLite数据库或者XML文件,来保存用户的记事内容。 9. **样式和皮肤**:Flex支持样式和皮肤,开发者可以通过定义CSS样式来改变...

    Flex相册 Flex图片

    Flex相册 Flex图片

    Flex3与flex4的区别

    虽然从Flex3迁移到Flex4需要一些调整,但总体来说,Flex4提供了一系列增强功能,旨在提高开发效率和应用程序性能。对于那些寻求利用最新技术改进其Flex应用程序的开发者来说,Flex4无疑是一个值得探索的选择。

    flex学习笔记 flex学习总结 flex学习教程

    Flex是Adobe公司推出的一种用于构建富互联网应用程序(RIA)的技术,它基于ActionScript编程语言和Flex框架,可以创建交互性强、用户体验优秀的Web应用。本教程是作者精心编写的Flex学习资料,适合初学者入门,通过...

    flex+spring flex整合

    2. **环境要求**:整合Flex和Spring需要Java 1.5及以上版本、Tomcat 6及以上版本、Spring 2.5及以上版本、BlazeDS 3.2及以上版本以及Spring BlazeDS Integration 1.0及以上版本。同时,还需要支持Flash Player 9.0或...

    FlexCAN详解

    FlexCAN广泛应用于需要实时处理、可靠通信和成本效益的汽车串口总线系统中。CAN协议满足了电磁干扰环境下的可靠操作、数据传输速率及带宽要求。 FlexCAN模块由多个子模块组成,其中包括用于存储消息缓冲区的内存...

    flex flex和 java交互

    Flex是Adobe公司开发的一种开放源代码的富互联网应用程序(RIA)框架,主要用于构建具有动态图形、交互性丰富的Web应用。Flex应用程序通常使用ActionScript编程语言,并基于Flash Player或Adobe AIR运行时环境。Java...

    Flex资料大全(Flex白皮书 Flex cookbok Flex编程指南 Flex设计模式等)

    本资料大全包含了多个重要的Flex学习资源,如Flex白皮书、Flex Cookbook以及Flex编程指南,这些都是深入理解Flex开发不可或缺的文献。 1. **Flex白皮书**: Flex白皮书是Adobe官方发布的技术文档,通常包含Flex...

    一些关于flex的示例网站

    在探讨“一些关于flex的示例网站”时,我们深入挖掘了这些资源为学习者提供的丰富价值。Flex,作为Adobe推出的一种开源框架,主要用于构建高性能的、数据驱动的富互联网应用(RIA)。以下是对这几个网站及其提供的...

    flex3使用说明

    要使用 Flex,需要安装 Flex 插件 FB3_WWEJ_Plugin,下载安装包 FB3_WWEJ_Plugin.exe,双击可执行文件,并选择 MyEclipse6.0 中的 Eclipse 的安装路径。然后,需要配置 Tomcat 的配置文件,下载svn://10.6.0.243:...

    Flex入门资料 flex3.0

    8. **动画和效果**:Flex提供了一些内置的动画和过渡效果,可以增强用户体验。这部分会介绍如何创建和使用这些效果。 9. **Flex应用部署**:讨论如何将Flex应用打包为SWF文件或AIR应用程序,并发布到Web服务器或...

    flex实战项目,flex开发

    Flex是Adobe公司推出的一种用于构建富互联网应用(RIA, Rich Internet Applications)的开源框架,它主要基于ActionScript编程语言和MXML标记语言。这个“Flex实战项目”可能是一个使用Flex技术构建的实际应用示例,...

    flex源代码资料,一些flex源代码的例子

    Flex是Adobe公司开发的一种用于构建富互联网应用程序(RIA)的开放源代码框架,它基于ActionScript编程语言和MXML标记语言。这些源代码例子可能是针对Flex SDK的不同版本,包括了第9、10、11、12和13章的内容,这...

    flex-2.6.0.tar.gz

    5. `sample` 或 `examples` 目录:可能包含了一些示例或测试用例,展示如何使用Flex。 6. `docs` 或 `manual` 目录:可能包含了Flex的用户手册和文档,帮助理解如何使用和配置Flex。 7. `configure` 和 `configure....

    FLEX网站源码 FLEX网站源码 FLEX网站源码

    Flex是Adobe公司开发的一种富互联网应用(Rich Internet Application,RIA)框架,主要用于构建运行在浏览器上的交互式应用程序。Flex以其强大的MXML和ActionScript编程语言,以及基于Flash Player或Adobe AIR运行时...

    flex框架 JAVA-FLEX

    9. **调试和测试**:Flex SDK提供了一些工具,如Flex Builder的调试器,帮助开发者定位和修复代码问题。同时,可以使用模拟器和设备配置来测试不同环境下的应用程序行为。 10. **社区和支持**:Flex有一个庞大的...

Global site tag (gtag.js) - Google Analytics