Flex学习笔记（一）

? Flex学习笔记（一）

一、?flex项目的新建、运行、工作空间界面、编辑器、视图（源码和设计）

?1??Flash?builder?可以选择flex?sdk不同版本。

?2??包资源管理器、源代码视图和设计视图按钮、打开透视图按钮等的使用。

?3??工作空间。各种透视图之间的切换（窗口或右上角调试）

?4??运行应用程序确保?项目下的自动构建打开（这样flex会不断检查保存的文件并编译）

运行过程?mxml转化成actionscript，然后生成swf文件（在浏览器中被flash?player?打开）

Swf是adobe公司air?flex?flash?三个统一文件类型它的优点是不用安装客户端（现在电脑都装有flash?player）能提供RIA（Rich?Internet?Applications）富互联网应用、

二、?mxml语言（一种标准的xml语言）

1?<?xml?version="1.0"?encoding="utf-8"?>

Xml文档类型声明。

2?<s:Application?xmlns:fx="http://ns.adobe.com/mxml/2009"?

???xmlns:s="library://ns.adobe.com/flex/spark"?

???xmlns:mx="library://ns.adobe.com/flex/mx"?minWidth="955"?minHeight="600">

主应用程序及相关的命名空间

A、<s:Application?>是外层容器

B、中间是三个命名空间(可能引用三个类库)，fx（flex语言标签）、s(flex?saark组件)、mx(flex?mx组件)。

???Fx?s?mx?称为前缀，后面字符串为URI（统一资源标示符）

C、<s:Label?text="my?first?application刘坤"/>?结束标签为/>或在写一行</s:lobel>

D、<s:Label?text="new?text"??在新建项目后在编辑器中右击??选择?替换为》本地记录??可以看到现在项目与以前的差别，单击替换可以恢复原先文本既刘坤。

三．Flash?builder?调试器

1?导入项目

2?进行调试遇到问题

C:WindowsSysWOW64MacromedFlashFlash32_11_7_700_169.ocx

Flash?Builder?找不到所需的?Adobe?Flash?Player?调试器版本。您可能需要安装调试器版本的?Flash?Player?或重新安装?Flash?Player。

是否要尝试使用当前版本进行调试？

解决步骤（依次尝试以下方法）：

方法1、到Flash?Build?4的安装目录：?C:Program?FilesAdobeAdobe?Flash?Builder?4playerwin，重新安装?Install?Flash?Player?10?Plugin.exe。

方法1不行尝试方法2、到Adobe?Flash?Player?Support?Center（http://www.adobe.com/support/flashplayer/downloads.html），下载：Download?the?Windows?Flash?Player?10.3?ActiveX?control?content?debugger?(for?IE)(EXE,?3.22MB)(下载的Windows?Flash?Player的11.7?ActiveX控件内容调试器（IE）?（EXE，16.58MB）)，安装之后()问题解决。

方法2不行，检查第3步：flash的浏览器设置是不是IE（我遇到的是因为默认浏览器为360浏览器），设置路径：窗口-首选参数-常规-web浏览器

以下为相关转载页面：

http://bbs.airia.cn/thread-47211-1-1.html

（最后下载最新的Windows?Flash?Player的11.7?ActiveX控件内容调试器（IE）解决）

3、?双击行号设置断点，点击“虫子”（调试）按钮变为debug透视图

4、?debug透视图界面有继续（f8）终止（ctrl+f2）单步跳入（step?into）、跳过(step?over)、返回（step?return）等

右上边有variables视图?：变量、断点、表达式。

在断点下可以通过单击勾选每个断点可以启用或禁止每个断点，（这并不是删除断点，依然双击相应行号会伤处断点或在variables视图断点下右击删除）

完成一次调试。

四、布置界面。（ui界面的布置，通过容器（容器是包含其他组件的特殊组件，

）和布局对象完成）

常用控件篇布局的使用Group（最简单的容器，不可见，还有hgroup,vgroup,指横向和竖向）、Form（验证输入信息）、Panel（有标题，约束的使用、横向布局(horizontal)，纵局(vertical)，绝对坐标布局(absolute)。外观中有不同主题。分别使用了group、form、panel下面是个panel简单实例。

1、在?MXML?设计模式下添加组件

“组件”视图按照类别“控件”、“布局”、“导航器”和“图表”分组?

2、通过编写代码添加组件

在使用?MXML?编辑器的源代码模式时，代码提示会在您向用户界面中添加标准的?Flex?容器和控件时为您提供帮助。

3、滚动内容（在group标签外在套上scrooller标签）

<s:Scroller?height="65">

<s:Group>

layout<s:VerticalLayout/>

</s:layout>

<s:Button?label="1"/>

2"?x="1"?y="23"3"?x="2"?y="48"/>

</s:Group>

</s:Scroller>

上面是这一个星期左右的学习，学的东西都是比较浅显的的操作（关于mxml、actionscript的语法、面向对象等在后面和一些实例中分步具体学习，）

下面继续学习布置界面，然后把常用控件熟悉、了解。

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?2013.5.3