上一节我们做了一个小程序,演示了Flex的基本功能,这一节主要讲解MXML与Actionscript的关系
只要记住一点,MXML最后会编译成Actionscript,用Actionscript 可以完全代替MXML。
重现以下上一节的代码
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Blur id="blur" blurXFrom="100" blurXTo="0" />
<mx:Panel x="159" y="38" width="360" height="270" layout="absolute">
<mx:Button x="130" y="133" label="魔法" id="btn" click="blur.play([magic])"/>
<mx:Text x="130" y="41" text="Hello,{nameTxb.text}" id="hello"/>
<mx:TextInput x="88" y="88" id="nameTxb"/>
<mx:Label x="45" y="90" text="姓名"/>
<mx:Text x="130" y="67" text="Some Magic" id="magic" />
</mx:Panel>
</mx:Application>
这些都是MXML标记,可以看出其实这就是一个xml文件。
xmlns:mx="http://www.adobe.com/2006/mxml"
是mx 的命名控件声明,Flex中的组件都在这各命名空间中。
<mx:Text x="130" y="41" text="Hello,{nameTxb.text}" id="hello"/>
其中text属性大括号中的内容包裹的其实是一个函数id为nameTxb的text属性的get函数
<mx:Button x="130" y="133" label="魔法" id="btn" click="blur.play([magic])"/>
click属性里写的”blur.play([magic])“也是一个函数,实际上给在Button的click listener传入一个函数,当Button的click事件触发时,执行这个函数。
从这里你就可以看出,MXML和Actionscript 可以很好的融合,又一次加快了我们开发的效率
如果我们想把函数独立出来我们只要加入 Script 标签
<mx:Script>
<![CDATA[
//放入代码
]]>
</mx:Script>
我们之前说Actionscript可以完全代替MXML,就拿hello这和Text控件来说,写成Actionscript是这样的
var hello:Text = new Text()
hello.text = "Hello,"+nameTxb.text
hello.x = 130
hello.y = 41
Button 写成Actionscript是这样的
var btn:Button = new Button()
btn.label = "魔法"
btn.x = 130
btn.y = 133
btn.addEventListener(MouseEvent.CLICK,onBtnClick)
function onBtnClick(MouseEvent e) : void {
blur.paly([magic])
}
当然这段代码必须放在Script标签当中。
对于Actionscript语法的讲解会在后面的教程中有详细讲解,或者你也可以查看Actionscript手册
把Script脚本和用于前端布局的MXML写在一起是不是很丑?Flex早为我们想到了,可以采取CodeBehind的技术实现显示和行为分开,这个在以后的教程中会有详细的讲解。
分享到:
相关推荐
flex入门教程,主要介绍了mxml和ActionScript的简单应用,适合初学者,高手就没必要下载啦
MXML语法.MXML flexview actionscript
Flex 与 Flash 在我们的印象里 Flash 只是设计师用来制作动画的工具,但实际上 Flash 也可以构建富网络应用的,但比较复杂。程序员并不习惯使用画图工具,时间轴和可视化面板等来开发富网络应用,Flex 的出现解决了...
Flex教程 flex快速入门 使用 使用 MXML 和 和 ActionScript进行编码 进行编码进行编码 Adobe® 将 Flex 实施为 ActionScript
pdf格式的flex的mxml语法,适合想学习flex的新手
ActionScript 3.0 语言和组件参考概述、MXML入门、FLEX入门帮助。
Flex Chart+WebService由于发布时没有注意,忘了把MXML的源码打包。webservice采用的是Myeclipse自带的XFIRES,可自行添加。
1.3.1 Flex与Flash的联系 6 1.3.2 Flex与Flash的区别 6 1.3.3 Adobe的RIA平台 7 1.4 Flex与AJAX 8 1.5 Flex与服务端通信 9 1.6 小结 10 第2章 搭建第一个Flex应用 11 2.1 搭建开发环境 11 2.1.1 ...
flex教程。flex应用程序需要用两种语言:MXML和ActionScript。flex4教程,给初学者介绍其使用。
如果你的flex插件出现mxml无法打开的问题,请下载此文件,同时参考:http://www.tekool.net/blog/2008/06/28/flex-builder-3-plugin-dont-work-with-eclipse-34/或者:...
flex -MXML语法,介绍flex 的 mxml的基本语法构成,适合一般学习者使用
说到FLEX,就不得不提及以下两个重要概念:MXML和ActionScript,这是flex开发的两种语言。这里简单介绍一下,在以后的文章中结合实际用例更容易理解。 MXML:一种XML标识语言,用来进行组件布局,数据绑定等,和HTML...
NULL 博文链接:https://liujianshiwo.iteye.com/blog/624512
实现了计算器的加减乘除开根号和幂操作。没有去实现AS和MXML分离。 想研究的同学下载吧。。将文件解压后导入到FB 3.0 中
大多数MXML标签相当于ActionScript 3.0的类或者类属性。Flex解析MXML标签,并将其编译成一个包含对应ActionScript对象的SWF文件。
Classes Class Description OLAPAttribute The OLAPAttribute class represents a single attribute of an OLAPDimension. OLAPAxisPosition The OLAPAxisPosition class represents a position along the axis ...
flex+flash+mxml = 绚丽相册实现 简单精美欢迎下载
FLEX,是一种基于标准变成模型的RIA开发产品集,最开始是由Macromedia公司2004年发布,2005年4 月,Adobe公司收购Macromedia公司,现在FLEX系Adobe公司系列产品。...MXML和ActionScript,这是flex开发的两种语言。
Flex简介、Flex的安装和开发环境的建立、MXML 语法简介、使用容器控制界面布局、使用组件处理数据和交互、使用行为对象和动画效果、ActionScript 3.0编程知识、Flex的事件机制、数据绑定、组件的使用、Flex 2.0新...
Flex 快速入门: 使用 MXML 和 ActionScript 进行编码 Adobe® 将 Flex 实施为 ActionScript 类库。 该类库包含组件 (容器和控件)、管理器类、数 据服务类和所有其他功能的类。 您通过将 MXML 和 ActionScript 语言与...