Panel (面板)容器
Script (脚本)元素
Array (数组)元素
Object (对象)元素
Label (标签)元素
Text (文本框)元素
Button (按钮)控件
ComboBox (下拉列表)控件
List (列表)控件
一个ActionScript函数
创建Application（应用程序）对象
任何一个Flex程序都是以XML声明开始和Application标记的。Application标签包含一个MX类库命名空间的声明：xmlns:mx="http://www.macromedia.com/2003/mxml" 。引用该类库的所有标签必须以mx作为前缀。
1. 创建一个新文件 ，然后保存为 firstapp.mxml，位于flex_tutorials目录下
2. 在文件的开始处，插入XML声明：
<?xml version="1.0"?>
3. 在XML声明后，添加带命名空间的Application标签：
<mx:Application xmlns:mx="http://www.macromedia.com/2003/mxml">
</mx:Application>
应用程序布局：添加一个面板
通常你可以将Flex应用程序中可见的组件放置于容器中，容器提供了绑定文本、控件、图像和其他媒体类型的元素。在这里，你可以使用称为“面板”(Panel)的容器，它可以提供大部分应用程序需要的全部外壳。你还可以使用面板的title(标题)属性，修改面板上方自动包含着的标题榄的文字。
4. 在Application标签内部，添加一个Panel标签，title属性为"my First Flex App"
<mx:Panel title="My First Flex App">
</mx:Panel>
添加一个显示标题的Label元素
Label元素可以用来显示单行文本。它有一些属性，这里用到的是text（文本）属性，定义Label显示的内容。
5. 在Panel标签内，插入一个带有文本属性的Label标签，如下：<mx:Label text="Coffee Blends"/>
6. 保存文件，预览一下程序
添加一个定义咖啡品牌的数组对象
本程序的数据模型是一个简单的数组（内容是一系列的对象），你可以直接在程序中用Array和Object元素创建。这里每个数组单元对象都有两个属性：label和data，你可以将这两个属性写成对象的子标签。用这两个属性名称是为了提供给ComboBox和List这样的控件元素使用，稍后我们会介绍。
这些控件元素可以使用更加复杂的数据对象，但是既然现在是手工创建数据模型，我们就使用简单的形式。通常的语法是：
<mx:Array id="identifier">
<mx:Object>
<label>literal string</label>
<data>another literal string</data>
</mx:Object>
</mx:Array>
留意这里的ID属性。ID几乎是所有Flex元素都具备的属性，它将元素“贴”上标志以区分其他元素。如果你要在数据绑定或ActionScript中使用这个元素，最好给它指定一个ID。
不可见元素可以由你随意摆放，但是把他们放到程序的首部--即可见元素的前面--是一个好习惯。
<mx:Array id="coffeeArray">
<mx:Object>
<label>Red Sea</label>
<data>Smooth and fragrant</data>
</mx:Object>
<mx:Object>
<label>Andes</label>
<data>Rich and pungent</data>
</mx:Object>
<mx:Object>
<label>Blue Mountain</label>
<data>Delicate and refined</data>
</mx:Object>
上一篇:ASP与Flash8联合打造简单新闻评论系统
下一篇:Photoshop绘制苹果风格背景效果简明教程
|
精品推荐