新建 mxml组件 代码如下 <?xml version="1.0" encoding="utf-8"? > <s:Group xmlns:fx="http://ns.adobe.com/<em>mxml</em>/2009" xmlns:s="library://ns.adobe.com/flex/spark 组件建好之后就会在开发环境 右下角的组件列表中显示出来 如图所示 可以把此组件拖动到主<em>mxml</em>文件中 代码如下 <?xml version="1.0" encoding="utf-8"? > <s:Application xmlns:fx="http://ns.adobe.com/<em>mxml</em>/2009" xmlns:s="library://ns.adobe.com
阅读更多 Ant and Flex 用Ant编译MXML文件 - 蚂蚁咬断松紧带(^_^) http://iamin.blogdriver.com/iamin/1173623.html 以下的描述均 uri manifestfile] [-report] [-loglevel error|warn|info|debug] [-manifest manifest] [-root root] foo.mxml 打开,运行ant runflash -Df=yourpath/YourMXML就是编译你的yourpath/YourMXML.mxml并用FlashPlayer打开。 -o @{mxmlfilepath}.swf @{mxmlfilepath}.mxml" /> </java> </sequential> </macrodef> <! -- Build .mxml to .swf and Access By Internet Explorer --> <target name="<em>mxml</em>2swf" depends="init">
1.加载文本文件中的纯文本: LoadData1.mxml <?xml version="1.0" encoding="utf-8"?> <! --通过Bind绑定,使用了MXML的HTTPService标签,结果格式为text文本格式--> <mx:Application xmlns:mx="http://www.adobe.com/2006 /<em>mxml</em>" layout="vertical" creationComplete="txtLoader.send();"> <mx:Style> Application{font-size --使用HTTPService类得到同样的结果--> <mx:Application xmlns:mx="http://www.adobe.com/2006/<em>mxml</em>" layout="vertical /<em>mxml</em>" layout="vertical" creationComplete="loadTxt(event)"> <mx:Script> <!
在Flex4中MXML Module能达到类似的功能,可以把某些功能单独封装成在一个Module,然后利用ModuleLoader动态加载。 每个MXML Module在Build时,会生成一个同名的swf(比如A.mxml会生成A.swf),但是不能单独运行。 然后在主界面的mxml中,利用ModuleLoader组件来加载,示例代码如下: <?xml version="1.0" encoding="utf-8"? > <s:Application xmlns:fx="http://ns.adobe.com/<em>mxml</em>/2009" xmlns:s="library://ns.adobe.com/flex Alert及TitleWindow能满足这种要求 弹出窗口LoginWindow.<em>mxml</em> (创建时 New--><em>MXML</em> Component,Base on 这里选择spark.components.TitleWindow
传统的创建自定义组件,是基于TitleWindow,建立一个mxml。 Login.mxml <?xml version="1.0" encoding="utf-8"? > <s:TitleWindow xmlns:fx="http://ns.adobe.com/<em>mxml</em>/2009" xmlns:s="library://ns.adobe.com/flex 文件,Login.<em>mxml</em> <? 代码分离,这样的好处是显而易见的,as文件负责逻辑,<em>mxml</em>负责展示,达到了分层开发的目的,后期容易维护,代码整洁,逻辑清晰。 注意:在进行代码分离的时候要注意两点,一是as中声明的组件变量名要与<em>mxml</em>文件中的组件id一一对应,并且组件类型要相同,二是as中的组件变量访问权限要设置为public。
阅读更多 Flex开发中使用Ant编译.mxml成.swf后,在.swf里使用Session的解决方法 http://iamin.blogdriver.com/iamin/1176113.html HttpSession的方法在Flex Samples里有Session的操作使用例子: http://localhost:8080/samples/explorer/misc/ServerSessionDemo.mxml 但是,使用mxmlc编译.mxml成.swf后,在.swf里是没有办法使用Session的 解决办法:可以通过RemoteObject的通讯方式来进行Session的处理 http://livedocs.macromedia.com fooAttrib = (String)flashgateway.Gateway.getHttpRequest().getSession(). getAttribute("attr1"); 这样,.mxml
id属性 MXML的id属性是ActionScript访问组件所包含值的重要途径。 示例:使用id属性访问控件的值 <? > <s:Application xmlns:fx="http://ns.adobe.com/<em>mxml</em>/2009" xmlns:s="library://ns.adobe.com/flex > <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex > <s:Application xmlns:fx="http://ns.adobe.com/<em>mxml</em>/2009" xmlns:s="library://ns.adobe.com/flex > <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex
EventTest.mxml <?xml version="1.0" encoding="utf-8"? > <s:Application xmlns:fx="http://ns.adobe.com/<em>mxml</em>/2009" xmlns:s="library://ns.adobe.com/flex > <s:Group xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" 在自定义组件中将事件抛出,在components/component1.mxml中加入如下代码。 <fx:Script> <! 在主应用中捕获事件,并处理,EventTest.mxml改变成如下代码。 <?xml version="1.0" encoding="utf-8"?
UserInfo { public var name:String; public var password:String; } } LoginControl.mxml > <mx:Canvas xmlns:mx="http://www.adobe.com/2006/<em>mxml</em>" width="290" height="132"> <mx:Metadata> [Event " maxChars="8" id="txtPassword"/> </mx:FormItem> </mx:Form> </mx:Canvas> EventTest.mxml > <mx:Application xmlns:mx="http://www.adobe.com/2006/<em>mxml</em>" layout="absolute" xmlns:ns1="*" width="360
DataGrid、DateField、 HorizontalList、LinkBar、List、TileList、ToggleButtonBar、Tree 集合的初始化 使用关联标签的MXML > <s:Application xmlns:fx="http://ns.adobe.com/<em>mxml</em>/2009" xmlns:s="library://ns.adobe.com/flex/spark > <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark > <s:Application xmlns:fx="http://ns.adobe.com/<em>mxml</em>/2009" xmlns:s="library://ns.adobe.com/flex/spark > <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark
开始吧,先创建一个mxml Module,命名为:MyModule.mxml <?xml version="1.0" encoding="utf-8"? > <mx:Module xmlns:fx="http://ns.adobe.com/<em>mxml</em>/2009" xmlns:s="library://ns.adobe.com/flex/spark contentBackgroundColor="#C8BBBB" text="this is a textarea in module" id="txtModule"/> </mx:Module> 然后在一个mxml > <s:Application xmlns:fx="http://ns.adobe.com/<em>mxml</em>/2009" xmlns:s="library://ns.adobe.com/flex
右键单击此文件夹 选择“新建” 选择“MXML模块” 弹出界面如图,并按下图填好内容,单击完成 按此方式多添加借个模块 其中一个模块的代码如下 <? > <mx:Module xmlns:fx="http://ns.adobe.com/<em>mxml</em>/2009" xmlns:s="library://ns.adobe.com/flex 修改默认包的默认<em>mxml</em>文件的代码 如下: <?xml version="1.0" encoding="utf-8"? > <s:Application xmlns:fx="http://ns.adobe.com/<em>mxml</em>/2009" xmlns:s="library://ns.adobe.com
Flex是通过java或者.net等非Flash途径,解释.mxml文件组织components,并生成相应得.swf文件。 Flash天生是为了designer(设计者)设计的,界面还有flash的动画概念和程序开发人员格格不入,为了吸引更多的jsp/asp/php等程序员,Macromedia推出了Flex,用非常简单的.mxml (x/d)html非常相似,而且mxml更加规范化、标准化。 2,为了一个标准。 Mxml和Xaml的也很相似… …这是人机交互技术的进步的重要体现,即内部逻辑与外部界面交互相分离。 的标记语言来描述应用的外观和行为,mxml中可以直接嵌入ActionScript脚本。
> <s:Application xmlns:fx="http://ns.adobe.com/<em>mxml</em>/2009" xmlns:s="library://ns.adobe.com/flex > <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex > <s:Application xmlns:fx="http://ns.adobe.com/<em>mxml</em>/2009" xmlns:s="library://ns.adobe.com/flex ; ]]> </fx:Script> <local:CustomComponent /> </s:Application> CustomComponent.<em>mxml</em> <? SkinnableContainer - 支持换肤功能的Group 需要单独的皮肤文件, CoolSkin.<em>mxml</em> <?
HelloWorld.mxml /HelloWorld/src 第 23 行 Flex 问题 在命名空间上加上 xmlns:mx="library://ns.adobe.com/flex/halo" 如果出现 HelloWorld.mxml /HelloWorld/src 第 6 行 Flex 问题 修改命名空间 xmlns:mx="library://ns.adobe.com/flex/mx" 修改后的程序为 > <s:Application xmlns:fx="http://ns.adobe.com/<em>mxml</em>/2009" xmlns:mx="library://ns.adobe.com
> <s:Application xmlns:fx="http://ns.adobe.com/<em>mxml</em>/2009" xmlns:s="library://ns.adobe.com/flex > <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex > <s:Application xmlns:fx="http://ns.adobe.com/<em>mxml</em>/2009" xmlns:s="library://ns.adobe.com/flex > <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex > <s:Application xmlns:fx="http://ns.adobe.com/<em>mxml</em>/2009" xmlns:s="library://ns.adobe.com/flex
2、编写代码 双击“MyFirstMobileAppHomeView.mxml”,拖拽一个VGroup组件,然后删除x、y属性,修改width、height均为100%,添加horizontalAlign > <s:View xmlns:fx="http://ns.adobe.com/<em>mxml</em>/2009" xmlns:s="library://ns.adobe.com/flex/spark 同MyFirstMobileAppHomeView.<em>mxml</em>一样,在MyNewView.<em>mxml</em>也同样放置一个Label和一个Button组件,然后给它的Button添加一个事件,点击后让它回到Home > <s:View xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark
使用ViewHelper类可在AS文件中修改其他MXML文件中的视图。 CairngormStore实例的主程序(Main.mxml)视图包括了“BodyPanel.mxml”,“productDetails.mxml”,“ShoppingCartView.mxml”,“CopyrightButton.mxml “main.mxml”视图分解说明如图6.1.9所示。 图6.1.9 “main.mxml”视图分解 自定义组件,如“BodyPanel.mxml”又由更小的自定义组件构成。 下面将详细分析“BodyPanel.mxml” 组件的视图。学员可以举一反三,分析其他组件的视图。以下代码是“BodyPanel.mxml”的MXML代码。 <? 以下代码是“ProductsAndCheckoutViewStack.mxml“组件的主要MXML代码。
using the name of the application, and creates a basic app with one main file: my-royale-app/src/Main.mxml > <js:Application xmlns:fx="http://ns.adobe.com/<em>mxml</em>/2009" xmlns:js="library://ns.apache.org source file If you used NPM to install Royale, run from your project folder: mxmlcnpm src/HelloWorld.<em>mxml</em> If you didn’t use npm, run: <path to SDK folder>/js/bin/mxmlc src/HelloWorld.<em>mxml</em> Run the output If Usage: mxmlc <path to main.<em>mxml</em> file> asjsc <path to main.as file>
-> ActionScript -> ASJavaBean -> Remote Interface -> Business Logic -> EJB/ORM -> DB .mxml 数据的通讯和显示采用RemoteObject传输方式,包装对象进行传输,减少网络带宽,更加OO 二、要求 Java : 单元测试 JUnit ActionScript : 单元测试 AS2Unit .mxml 里以外部文件.as引入的方式进行调用ActionScript,以实现美工与程序逻辑的最大程度上的分离 .mxml里以外部文件.css引入的方式进行调用样式表 FlashRemoting知识与文档,详细讲解了采用