Flex学习笔记_04 MXML语言简介(转)
2009年12月25日
转自:Flex学习笔记_04 MXML语言简介关键字: flex1. MXML语法
MXML语言是专门用于Flex程序中,描述界面表现的一中XML标记语言。我们可以用它来管理程序的整体布局,控制组件的样式和外观,也可以构建非可视化的对象,比如XML数据、与服务器端通信的WebService、组件的数据源等。
1.1 命名规范
MXML区分大小写,且文件名和变量标示名都区分大小写。
MXML文件以mxml作为扩展名,文件名要遵循AS中变量的命名规则。
所有的MXML都被视为用户自定义的组件,相当于对象,可以使用代码动态创建。
变量名必须以字母或下划线开始,且只能包含字母、数字和下划线。
不能命名为application ,application 是主程序文件的默认标记,不可再使用。
程序不能使用“mx”做为目录名,mx 是官方组件库的命名空间。
2.2 MXML 文件结构
MXML为标准的XML文件。
我们以一个MXML文件来说明:
Xml代码
Flex之旅'; } ]]> 第一行声明XML文件采用的语法版本version 和编码格式encoding(默认为utf-8)。
mx:Application:在每个Flex项目中,可能有多个MXML文件,mx:Application为根节点标示程序入口的运行文件。
xmlns:mx=http://www.adobe.com/2006/mxml :将mx定义为XML的命名空间,对应路径为http://www.adobe.com/2006/mxml ,Flex的配置文件中将这个路径定义为一个全局资源标识符,并对应了一个列出mx命名空间下的所有标签的文件。flex-config.xml中配置了命名空间。该文件可在Flex Builder2的安装路径下的Flex SDK 2\frameworks目录中找到。并找到如下代码。
Xml代码
manifest of components for use as MXML --> http://www.adobe.com/2006/mxml mxml-manifest.xml 从上面的配置发现,http://www.adobe.com/2006/mxml 这个URI和mxml-manifest.xml文件对应,找到该文件,里面列出了所有标签和与标签相关联的类文件路径。
Xml代码
.................... ....................
中的id代表标签名,class表示类文件路径。
xmlns:comp="comps.*" 定义一个命名空间,因为使用了通配符“*”,comps目录下的所有MXML和AS类(不包括子目录的文件)都被包括在comp命名空间下。如comps下有Login.mxml,则在程序中可这样调用:
Application 还有一个属性layout ,定义了该节点下元素的布局方式,也就是程序的总体布局方式。absolute 表示绝对定位,所有子元素将按照各自的x、y坐标来定位。
2. 使用组件
定义一个按钮组件
如果组件中未包含其他子元素可这样写:
组件分类:
布局类: 包括所有的容器组件,如:HBox、Panel等,Spacer、HRule、VRule不是容器,但是主要用于布局。
导航类: 菜单条、按钮条等各种导航功能的组件。
交互类: 内容展示、数据交互相关组件,如:按钮、下拉框、图片、视频等。
IDE中的组件面板列出了所有的可视化组件, 可直接拖入编辑区使用。
通过IDE的代码提示输入Flex的一个特色,程序中所有的MXML和AS类文件,都被当作用户自定义的组件。
我们来建一个MXML组件:
New->MXML Component
在弹出的窗口输入组件的文件名Filename,并选择扩展哪一种组件Based on,我们这里选择Image对象。然后Finish。
然后点击Image组件,在属性面板的Source属性设置图片的路径。
Xml代码
然后在程序中就可以使用该自定义的组件,将其从用户面板拖入到编辑区,图片显示正常。
Xml代码
Flex之旅'; } } ]]>
就是我们拖入的自定义组件,程序自动添加了ns1命名空间。我们改变自定义组件的位置放到view文件夹,代码变成:
发表评论
-
Apache Ant 快速参考手册
2012-01-20 02:30 703Apache Ant 快速参考手册 ... -
linux常用命令
2012-01-20 02:30 826linux常用命令 2010年07月 ... -
Apache Maven 2 简介
2012-01-20 02:30 774Apache Maven 2 简介 2011年0 ... -
Linux基础
2012-01-20 02:30 893Linux基础 2011年05月09日 ... -
CE 6.0 R2的构建和部署
2012-01-20 02:30 700CE 6.0 R2的构建和部署 2010年11月17日 ... -
演讲稿
2012-01-19 10:18 642演讲稿 2011年06月11日 六月里阳光明媚,六月里花 ... -
来份申请加入学生会宣传部和文艺部的演讲稿
2012-01-19 10:18 996来份申请加入学生会宣 ... -
我的演讲稿《感恩父母,感谢你们你们一路陪我走来》
2012-01-19 10:18 754我的演讲稿《感恩父母, ... -
演讲稿
2012-01-19 10:18 628演讲稿 2010年10月20日 努力、努力、再努力[/b ... -
小学生毕业演讲稿
2012-01-19 10:18 579小学生毕业演讲稿 2010 ... -
电脑里面英文系统的中文简介
2012-01-17 02:59 895电脑里面英文系统的中文简介 2010年06月22日 BO ... -
PHOTOSHOP初学者成长教材
2012-01-17 02:59 920PHOTOSHOP初学者成长教材 ... -
各大软件公司笔试题
2012-01-17 02:59 704各大软件公司笔试题 2011年10月23日 网易游戏20 ... -
电脑出现”该内存不能为read、written ”的完全解决方案
2012-01-17 02:59 600电脑出现”该内存不能为read、written ”的完全解决方 ... -
Silverlight 3 新特性
2012-01-16 01:29 542Silverlight 3 新特性 2009年10月14日 ... -
Ubuntu 下编译Android源码全过程
2012-01-16 01:29 498Ubuntu 下编译Android源码全过程 2010年02 ... -
mxmlc编译参数
2012-01-16 01:29 608mxmlc编译参数 2009年12月 ... -
Flex编译参数
2012-01-16 01:29 634Flex编译参数 2010年04月2 ... -
postgresql 8.2,oracle 10g,sql server 2005,mysql 5.1 脚本规范-vivian's world-iteye技术网站
2012-01-11 00:39 555postgresql 8.2,oracle 10g,sql s ... -
2009.12.21――邓讲的关于SpringMVC
2012-01-11 00:39 5452009.12.21――邓讲的关于SpringMVC 201 ...
相关推荐
flex4+arcgis10的例子,和官网上的一样。。。方便大家研究,谢谢 。。。。。。。。。。。。。。。。。。。。。。
About MXML programming files and Flex usage.
3.3 MXML Module模块应用 16 3.4 表单 16 3.5 对话框 17 3.6 列表 18 3.7弹出菜单 19 3.8复杂用户交互应用结构 21 3.8.1 Tree高级应用 21 3.8.2 DataGrid 22 3.9导航容器,导航菜单 22 4.Flex美化应用 24 4.1使用组件...
MXML语言和ActionScript语言都是需要编译后才能运行的。Flash Builder 4开发环境中集成了两者的编译器,用户只需选择相应的编译运行命令。 本书在介绍第一个Flex程序“Hello World”程序时,简单地介绍了了如何编译...
pdf格式的flex的mxml语法,适合想学习flex的新手
MXML语法.MXML flexview actionscript
This is a Flex UIComponent that can be used 谋n a FLEX 3 mxml application as component written in action script 3.0, provides you to create items that cab be filled from an XML or Query ResultSet or ...
Flex_4.0_RIA开发详解讲义,大概有600多页。
一个上课用的ppt文档,更容易让你对mxml更为的了解。。
xml文件解析,可以实现XML文件的解析功能
minixml2.5最新的版本。 嵌入式xml 解析、查找、生成、遍历 功能,全部实现是标准c,移植很容易。 最新的2.5,修改了很多bug。 这个压缩包,里下载完了,直接就可以在liunx下编译安装。 如果是在windows下的话,只需要...
Web development mxml integrated in html
Flex4视频教程_02-02用mxml自定义事件.rar
Flex Chart+WebService由于发布时没有注意,忘了把MXML的源码打包。webservice采用的是Myeclipse自带的XFIRES,可自行添加。
MXML语言是专门用于Flex程序中,描述界面表现的一中XML标记语言。我们可以用它来管理程序的整体布局,控制组件的样式和外观,也可以构建非可视化的对象,比如XML数据、与服务器端通信的WebService、组件的数据源等。
flex -MXML语法,介绍flex 的 mxml的基本语法构成,适合一般学习者使用
如果你的flex插件出现mxml无法打开的问题,请下载此文件,同时参考:http://www.tekool.net/blog/2008/06/28/flex-builder-3-plugin-dont-work-with-eclipse-34/或者:...
flex入门教程,主要介绍了mxml和ActionScript的简单应用,适合初学者,高手就没必要下载啦
实现了计算器的加减乘除开根号和幂操作。没有去实现AS和MXML分离。 想研究的同学下载吧。。将文件解压后导入到FB 3.0 中
一个用C语言实现的XML编解码软件,可用在Linux/Windows系统下。