随笔 - 8  文章 - 55  trackbacks - 0
<2024年12月>
24252627282930
1234567
891011121314
15161718192021
22232425262728
2930311234

常用链接

留言簿(6)

随笔分类

随笔档案

文章分类

文章档案

朋友的Blog

最新评论

阅读排行榜

评论排行榜

因为 MXML 文件是普通的 XML 文件,所以有很多的开发环境供你选择。你可以使用简单的文本编辑器,专门的 XML 编辑器,或者支持文本编辑的集成开发环境(IDE)来 编写 MXML 代码。Flex 提供了一个叫做 Adobe®  Flex™  Builder™  2 专门的 IDE,你可 以使用它来开发你的应用程序。
MXML 文件的第一行是 XML 声明。每个 MXML 文件的第一行都必须是 XML 声明。 接下来的一行是<mx:Application>  标签,它定义了Application容器,而且它是每一个Flex应用程序的根标签。

<mx:Panel>标签定义了一个Panel容器,它包含有一个标题栏,一个标题,一个状态 信息,一个边框,以及用来放置子容器或空间的内容区域。它的title(标题)属性 的值被设定为  "My  Application"。
<mx:Label>标签定义了一个Label控件,它是一个可以显示文本的很简单的用户界面 组件。它的text属性被设定为  "Hello,  World!"。
<mx:Label>  标签的fontWeight  和  fontSize  属性改变了使用字体的样式。你也可 以使用CSS给你的组件加上样式。
更多信息,请看Flex开发者指南中的“使用层叠样式表(CSS)”。 注意:你可以使用命令行编译器  mxmlc 或者 Flex Builder 2  来编译你的 Flex 程序。
关于使用 mxmlc 编译程序的步骤,请看“
使用 MXML 和 ActionScript 编程 ”(译注: 此篇我已经译成中文)。

示例

<?xml  version="1.0"  encoding="utf-8"?>
<mx:Application
xmlns:mx="http://www.adobe.com/2006/mxml"
viewSourceURL="src/HelloWorld/index.html"
horizontalAlign="center"  verticalAlign="middle"
width="300"  height="160">
<mx:Panel
paddingTop="10"  paddingBottom="10"  paddingLeft="10"
paddingRight="10"
title="My  Application">


<mx:Label  text="Hello  World!"  fontWeight="bold"  fontSize="24"/>
</mx:Panel> 
</mx:Application> 

运行结果图示:>

译注:由于文档中无法嵌入 SWF 文件,代码运行结果请查看原文中相应的部分。

posted on 2006-10-09 09:14 blog搬家了--[www.ialway.com/blog] 阅读(258) 评论(0)  编辑  收藏 所属分类: Flex

只有注册用户登录后才能发表评论。


网站导航: