搜档网
当前位置:搜档网 › flex开发规范文档

flex开发规范文档

flex开发规范文档
flex开发规范文档

Flex开发规范

开发规范对可以使用项目中所有的文件进行统一,增加可读性,减少错误出现的几率。规范的编码减少人员变动带来的维护成本,可以让程序员尽快而彻底的理解新的代码。

为了方便维护,特定flex开发规范,每个人必须执行。

1.总体要求

所有As功能代码部分,每个方法需要有相应的注释。核心功能代码要求每个处理都要有注释。注释内容包括:方法功能用途,编写人,时间。

所有标签代码,需进行代码格式化。(myeclipse中的格式化)。

对于后期修改的代码,要注明为后期修改,并写明具体修改时间,修改人。

项目开发必须严格按照开发规范进行编写。

2.命名规则

2.1.项目结构及文件夹命名规则

文件夹命名需小写。除特殊运用框架的工程之外,项目中的文件目录结构应为:

com >>assets 图片文件夹

>>common 常用组件文件夹

>>styles 样式文件夹

>>configs 配置文件夹

>>其他业务文件夹

2.2.类命名规则

类命名首字母需大写,取名需按照业务功能的字面意思进行取名。例如LoginPage。所有弹出页面均要加上XXXPop后缀。

2.3.配置文件命名规则

所有配置文件需按字面意思进行命名,首字母大写。例如MapConfig.xml。若文件是某个类专用读取属性于地址目录的配置文件,则要与该类同名。例如HireLine.mxml与HireLine.xml。

2.4.方法命名

除构造方法外,一般方法首字母需小写,后采用驼峰式命名方法,方法命名需体现方法功能。禁止方法名超长。标准应为如下:onMapClick():void, querryCarInfo():void,

2.5.类变量命名

变量命名需简短,明意。首字母需小写,并采用驼峰式命名方法。对于特定关键代码的变量命名后缀需与参照其类型名。例如集合与数组:messageArr。Object类为:infoObj。事件为:clickEvt。字符串为:querryStr等。

2.6.临时变量命名

尽量不与类变量同名,命名方法参照类变量,循环体内的自增变量需采用I,j,k,m,n,也可写成index。对于引用自定义类的变量,命名取该类型的缩写或取其名称的一部分。例如自定义类为CarInfoSearchPop,则变量名为cisp或carpop。

2.7.Bean命名

采用驼峰命名方法,命名需体现业务意思,以Bean结尾,例如:CarInfoBean。

2.8.Remote方法命名

Remote方法命名需与Java端方法同名。

2.9.标签命名

标签的命名所有字母都需大写

3.注释

3.1.类注释

因类包含mxml与纯class,所以均在script中进行注释。因项目中类较多,因此注释可简化为以下项:

/**

*功能:

*创建日期:

*创建人:

*修订日期:

*修订人:

*修订内容:

**/

3.2.变量注释

参照示例:private var searchFlag:Boolean; //查询标志变量

3.3.方法注释

参照示例:

/**

*功能:获取地图中元素的属性 --必填项

*外部调入:InfoPop类方法 initPop--若为多个类调用的公共方法,则需填写*输入:区域编号—若有输入参数,则需填写

*输出:地图元素属性—若有输出参数则需填写

*创建日期:2013-04-01--必填项

*创建人:胡旻卿--必填项

*修订日期:--此项若方法修改调整,则需填写,若无修改则不用加

*修订人:--此项若方法修改调整,则需填写,若无修改则不用加

*修订内容:--此项若方法修改调整,则需填写,若无修改则不用加

**/

public function getInformation(areaId:String):Object

{

}

3.4.配置文件注释

参照示例:

4.代码与段落

4.1.代码结构

方法与方法间需间隔至少一行,方法内部不允许有多余空行。方法中的{需写在下一行的开头。方法的书写要按照程序执行的大致顺序。类变量的定义需在所有方法的最上方,禁止加在方法与方法中间。

Flex快速入门

Flex 快速入门 无衣 摘自https://www.sodocs.net/doc/5d5014882.html,/cn/ (版权归原作者所有)

Flex 快速入门: 使用 MXML 和 ActionScript 进行编码 Adobe? 将 Flex 实施为 ActionScript 类库。 该类库包含组件 (容器和控件)、管理器类、数据服务类和所有其他功能的类。 您通过将 MXML 和 ActionScript 语言与该类库一起使用 来开发应用程序。 MXML MXML 是用于为 Adobe? Flex? 应用程序进行用户界面组件布局的 XML 语言。 您还使用 MXML 来显式定义应用程序的非可视方面, 例如访问服务器端数据源和用户界面组件与数据源之间的数据绑定。 例如, 您通过使用下面的 MXML 语句, 使用 标签来创建 Button 控件的实例: 您设置 id 属性以赋予 Button 实例一个唯一的名称, 以后可以使用该名称引用到它。 label 属性设置在 Button 实例上显示的标签的文本。 下面的示例显示创建显示 Button 控件的 Flex 应用程序所需的完整代码: 在编写 Flex 应用程序之后, 您必须使用 Flex 编译器来编译它。 Flex 编译器是称为 mxmlc 的一个很小的可执行文件, 处于 Flex 2 安装文件夹下的 Flex SDK 2.0\bin 文件夹中。 提示: 确保 Flex 2 installation folder\Flex SDK 2.0\bin 文件夹处于您的系统的路径中。 让 Flex 编译器处于您的路径中, 使您不管当前处于哪个文件夹中, 都可以从命令行调用它。 说明 1.在您喜爱的文本编辑器 (如, 记事本) 中创建一个新文件并将它另存为 MyFirst.mxml。 2.从前面的示例中将代码输入到 MyFirst.mxml 中并保存您的文件。 3.通过选择“开始”>“所有程序”>“附件”>“命令提示符”, 打开命令窗口。 4.将您的当前目录更改为包含您在步骤 1 中保存的 Flex 应用程序的文件夹。 5.键入下面的命令来调用 Flex 编译器: mxmlc --strict=true --file-specs MyFirst.mxml 以双短划线开头的命令字符串中的项目被称为编译器选项, 它们被用于定义 Flex 编译

Flex完全自学入门手册

Flex入门教程 编写日期:2009-02 作者:Dason 主要讲3个主题: 1.Flex是什么,用途和前景; 2.Flex Builder基础; 3.MXML基础; 现在进入第1个主题: 首先我们要明白,flex不是专门用来做网页的,它主要是用来做RIAs的 RIAs=Rich Internet Applications 富英特网应用程序 Flex现在虽然是2.0,以前是1.0和1.5,但是不要担心1.0和1.5版本自己没有用过,因为2.0版本才是Flex真正的开始,首先,Flex2.0的技术基础很高,采用Action Script3.0为编程核心,以FlashPlayer9.0为平台 它与以前版本的区别是 FlashPlayer9.0采用全新的虚拟机,运行速度是8.0的10倍以上 Flash8.0和Flex1.0,1.5,都是Action Script2.0用的FlashPlayer8.0,在性能上,跟Flex2.0的Action Script3.0和FlashPlayer9.0相差太远了 我们现在处于RIAs浏览器时代,意思是,我们用Flex做的程序,必须要用浏览器打开,以网页的形式发布,明年,我们将步入下一个RIAs时代――桌面RIAs时代,我们现在所有用flex2.0做的程序,明年都可以被重新发布成桌面应用程序,就跟我们现在用的软件是一样了,到时候,我们的程序不再被浏览器限制了,flex能做的程序很多,比如QQ这样的即时聊天软件、论坛、股票软件、网络视频聊天、等等。你能想到的基本都能做出来,Flex的前景是一片明朗的,而且越往后越会被广泛采用,这一切都从Flex2.0开始,所以,对于我们来说,这是个前所未有的好机会。现在学flex的人很少很少,如果你等到他已经大面积普及,那就没有竞争力了。 好,现在提问时间,马上要进入下一主题: Flex是纯面向对象语言,C是面向过程语言,ActionScript3.0相对2.0,改动太大了,如果有2.0基础,对3.0帮助不大,所以,如果你第一次接触的就是3.0,也不要紧,3.0删除了很多2.0的东西,而且增加了很多新类,3.0跟JAVA基本没什么区别了,所以,有JAVA基础的人,学起来更快。 AS3的语法跟JAVA一样,有库、包、类、接口这些概念,两者的本质区别是java可以做软件,但局限性很大,比如java界面很差,很多功能比较古老等等 今天第2个主题――Flex Builder2基础 1、打开Flex Builder2 A.新建Flex Project-

FLEX学习心得

FLEX学习心得 1,开发webgame你所要具备的 一、数据结构、设计模式、框架应用、良好的OO思想。 二、对socket/amf/remoting/shareobject/webservice等了解 三、各开源库(PV3d,Box2d等),但一般做策略型webgame不太需要,策略型webgame关注的是第一点 如果想做做小游戏,可看 make thing move之后看AdvancED_ActionScript 3.0 2,基于socket连接的安全沙箱问题的处理 https://www.sodocs.net/doc/5d5014882.html,/xuxiangwin/archive/2009/07/07/4324218.aspx 大概就这个,但是我这里始终不行,有待后续补充 补充:https://www.sodocs.net/doc/5d5014882.html,/club/thread-6471-1-5.html 3,FLEX解析XML的2种方式。有表情 https://www.sodocs.net/doc/5d5014882.html,/blog/381820 4,FLEX控件样式和控件的使用 1).不知道控件有什么样式设置?看它:https://www.sodocs.net/doc/5d5014882.html,/flex3/consulting/styleexpl orer/Flex3StyleExplorer.html 2).有控件不知道怎么用?看它:https://www.sodocs.net/doc/5d5014882.html,/flex3/componentexplorer/explorer. html 5,FLEX中文例子 https://www.sodocs.net/doc/5d5014882.html,/ 6,AIR的创建发布安装教程 https://www.sodocs.net/doc/5d5014882.html,/AIR/thread-2727-1-1.aspx 7,Adobe AIR 迷你教程-- 监测网络状态,离线/在线应用程序的实现 https://www.sodocs.net/doc/5d5014882.html,/Share/thread-2731-1-1.aspx 8,FLEX 45°视角游戏地图编辑器 https://www.sodocs.net/doc/5d5014882.html,/club/thread-3334-1-1.html 9,RGP游戏基础45地图寻路和地图切换完整例子 https://www.sodocs.net/doc/5d5014882.html,/club/viewthread.php?tid=2286&page=1#pid6532

flex4基础

flex4 mxml文件就是.MXML的xml文件 actionscript文件.as 编写代码 编译成swf文件 flex4 应用程序需要使用flash builder4的软件来创建 flash catalyst 事件 数据绑定 1、基础知识介绍 1.1、了解fl ex和flash平台 开发工具—flash builder 开源框架---flex 内嵌组件 扩展组件 语言---ActionScript3.0类库(符合ECMA标准的脚本语言,主要用来实现业务逻辑)语言---MXML(基于XML的描述式语言,主要用来描述UI布局的) Flex SDK Flex框架 软件开发包 ---编译器 ---调试器 Flash Builer开发工具 Flex SDK所有的功能 提供一些额外的特性提高生产力 ---上下文的代码提示 ---一个可交互的逐步调试器 ---一个可视化的设计环境(布局和样式) ---连接到服务器端数据的数据服务向导 ---内存和性能检测 ---自动测试支持及更多的特性 Flash Builder版本: ---标准版

---增强版:致力用创建关键业务应用,包含了标准版所有特性,并添加了一些企业及的特性在里面,包括内存和性能检测以及自动测试。增强版的数据可视化支持你创建图表和丰富的可视化面板。 1.2、了解flash Bulid er 和flex项目 默认的工作空间位于:Document and settings→user directory→adobe flash builer beta2 .metadata和configuration目录包含了flash builder工作空间的设置。 默认情况下,flash builder会把我的flex应用程序编译到我的项目文件夹下面的一个名为“bin-debug”的目录下。源文件将会保存在项目目录中的“src”目录下。 组件设置: MX+Spark(同时使用两个库) MX only(这个mx库比较老) 修改编辑器中的字体大小: General→Appearance→Colors and fonts→basic→text font 改变代码间距: Flash builder→indentation→actionscript.并且取消方法中的对齐参数。 在MXML中,也取消参数对齐。 1.3、了解命名空间 MXML: 第一行:xml声明,不能包含在任务支付之前,甚至空白。 在MXML文件中的下一个元素是一个Application的MXML标签块,这是所有的MXML应用程序所必需的标签。 Application前三个属性定义三个XML命名空间来引用Flex框架MXML标签集:fx,s和MX. 你可以认为是作为Flex框架类库不同的命名空间作用在不同的领域。 Application标签中的命名空间声明的是什么,实际上就是引用不同的Flex框架库而专门进行的命名空间声明。 命名空间fx代表MXML语言要素和Flex4中编译器指令。 命名空间s是包含Flex4中所有新的Spark可视化组件。 命名空间mx作为Flex3 Halo组件库的代表,也是已知的mx库。 命名空间映射到清单文件中所有的MXML标签都属于的命名空间的一部分。 在flex安装目录中→sdks→4.0.0→frameworks→flex-config.xml文件。flex-config.xml文件具有一个内置的xml解析器。 里面有3对统一资源标识符(URI)分别对应在Application中定义的标签。 这里还有一个额外的命名空间中定义的Flex框架。 2006年halo的定义是为了向后兼容。

Flex 开发入门

Flex 开发入门 级别: 初级 刘 庆 (qlcdl@https://www.sodocs.net/doc/5d5014882.html, ), 软件工程师, IBM 软件开发中心 2009 年 1 月 07 日 本文介绍 Flex 开发的基础知识:包括如何搭建开发环境,如何调试,以及如何 建立和部署简单的 Flex 项目。通过本文的学习,可以为您将来深入地学习 Flex 打下良好的基础。 开始之前 Flex 作为富 Internet 应用(RIA )时代的新技术代表,自从 2007 年 Adobe 公司将其开源以来,Flex 就以前所未有的速度在成长。很多公司,包括 IBM 都纷纷加入了 Flex 开发的阵营当中。很多开发人员也按捺不住 Flex 的“诱惑”而准备从事 Flex 开发。本文主要讲述 Flex 开发的基础知识,主要是关于开发环境的搭建,以及介绍简单的 Flex 项目创建、编码、调试以及部署的过程和 Flex 编 程的基本知识。通过本文的学习,您将会学习如何搭建 Flex 基本的开发环境以及开发、调试和部署方面的基础知识。为您以后深入系统的学习 Flex 打下良好的基础。 要学习本文,您需要有一定的 Web 编程经验和 Eclipse FireFox 使用经验。 代码示例和安装要求 本文所有示例均在 Windows XP SP3 系统中测试完成。您需要一台能流畅运行 Windows XP 系统的机器,除此之外您还需要一些工具才能试用本文中的代码。所有这些工具都可以免费下载(参见 参考资源): ? Java SDK 1.5 或更高版本 ? Tomcat 6.0 或更高版本 ? Eclipse 3.3 或更高版本 ? Flex Builder 3.0 或更高版本 ? FireFox2.0 或更高版本 安装配置开发环境 文档选项 打印本页 将此页作为电子邮件发送 未显示需要 JavaScript 的文档选项 回页首

Flex学习笔记

AS基础学习 1.Boolean中非零数字表示TRUE,只有0才表示FALSE. 2.IndexOf表示要查的东西的位置,-1表示不存在。 3.Boolean默认值为false. int默认值为0. string默认值为空。 4. is检测是否是指定类型,返回Boolean值。as同is,但返回的是表达式值。 5.数组传递,原始数据会改变。而简单类型的数据不会改变。如下: var i :int= 5; var j : int = 10; varss:Array = new Array("aa","bb","cc"); public function sum(i:int , j:int):int{ this.i++; this.j++; return i + j; } public function checkValue(ss1:Array):void{ ss1[1] = "xx"; } public function getValue():void{ /*varresult:int = sum(i,j);

out(result.toString());//输出为17 out(i.toString());//输出为5 out(j.toString());//输出为5*/ checkValue(ss); Alert.show(ss[1]);//输出为xx } 6.flex中的setTimeout(show(),1000)作用是:相当于一个递归,经过1000毫秒重复调用show()方法。 7.更改日期格式: var f:DateFormatter = new DateFormatter(); f.formatString = "YYYY-MM-DD HH:NN:SS"; f.format(要格式化的时间变量); 8.Math.ceil(x):比x大的最小值。 Math.round(x):四舍五入。 Math.floor(x):比x小的最大值(截掉小数点)。 Math.round(x)返回long型,其余的返回double 型。

flex基本控件总结

Flex基本控件总结 一、flex控件的分类:文本控件(text controls)、数据源控件(data provider controls)、菜单控件 (menu controls)、按钮控件(button controls)、Flex控件(flex controls)、容器控件。 二、文本控件 a)标签(Label):标签: i.标签控件的特性: 1.用户不能编辑文本,但程序可以改变它。 2.可以使用HTML格式定义文本。 3.可以控制对齐和改变大小。 4.可以定义标签的背景为透明,这样就可以看见容器的背景。 5.标签控件没有边界,就像文本直接写在背景上。 ii.例如:. https://www.sodocs.net/doc/5d5014882.html,bel组件支持html标记。如果在标签内容中包含html特殊标记,需要使用转换字符: 例如,在标签中显示<符号 b)文本(Text):标签: i.特性: 1.用户不能编辑文本,但程序可以改变它。 2.控件不支持滚动条。 3.支持HTML格式定义文本。 4.默认的大小足够显示文本。 5.文本背景为透明,这样就可以看见容器的背景。 6.文本控件没有边界,就像文本直接写在背景上。 7.文本在边界会自动转行,而且文本总是排列在文本控件顶部。 ii.文本内容 c)文本条(TextInput):标签: i.事件:change、enter。 ii.属性:editable:是否阻止对文本的编辑,false为是。 displayAsPassword:将输入的字符显示为*。 将一个变量绑定在文本条上:. restrict(约束、限定):(此输入可省去验证的麻烦) 例如,表示输入框只能输入 0到9之间的数字。 maxChars:限定输入的做多字符. 例如,标识输入的字符不 能超过20个。 d)文本区域(TextArea):标签: i.特性: 1.文本可以被编辑。 2.可以可以具有滚动条。 3.支持HTM文本和富文本。 4.可以触发change事件。

【CSS3】Flex布局基本语法

CSS3 flex盒子语法介绍 Flex是Flexible Box的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。设为Flex布局以后,子元素的float、clear和vertical-align属性将失效。 它即可以应用于容器中,也可以应用于行内元素。(以上说明结合微信开发者工具说明)2009年,W3C提出了一种新的方案----Flex布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持,这意味着,现在就能很安全地使用这项功能。 基本概念 采用Flex布局的元素,称为Flex容器(flex container),简称"容器"。它的所有子元素自动成为容器成员,称为Flex项目(flex item),简称"项目"。容器默认存在两根轴:水平的主轴(main axis)和垂直的交叉轴(cross axis)。主轴的开始位置(与边框的交叉点)叫做main start,结束位置叫做main end;交叉轴的开始位置叫做cross start,结束位置叫做cross end。项目默认沿主轴排列。单个项目占据的主轴空间叫做main size,占据的交叉轴空间叫做cross size。 以下6个属性设置在容器上: o flex-direction容器内项目的排列方向(默认横向排列) o flex-wrap容器内项目换行方式 o flex-flow以上两个属性的简写方式 o justify-content项目在主轴上的对齐方式 o align-items项目在交叉轴上如何对齐

以上介绍完了容器中的属性,下面说一下容器中项目的属性: o order 项目的排列顺序。数值越小,排列越靠前,默认为0。 o flex-grow 项目的放大比例,默认为0,即如果存在剩余空间,也不放大。 o flex-shrink 项目的缩小比例,默认为1,即如果空间不足,该项目将缩小。 o flex-basis在分配多余空间之前,项目占据的主轴空间(main size)。 浏览器根据这个属性,计算主轴是否有多余空间。它的默认值为auto,即项目的本来 大小。 o flex 是flex-grow, flex-shrink 和flex-basis的简写,默认值为0 1 auto。 后两个属性可选。 o align-self允许单个项目有与其他项目不一样的对齐方式,可覆盖align-items属性。 默认值为auto,表示继承父元素的align-items属性, 如果没有父元素,则等同于stretch。

相关主题