FLEX小试牛刀 |
| 作者：佚名 来源：不详 更新：2007-1-13 20:42:09 错误报告 我要投稿 |
由于工作的原因很长时间没来FLASH8发文章了，大，大，前天FLEX总算出了正式版式了。于是小试了一把，果然同MM就FLEX开发RICH APPLICATION中所述，功能十分得强大。现就本人的一些心得写一篇关于FLEX开发的文章以偿打算用MM产品开发RICH APPLICATION的朋友。习例本教材需要用XML，AS2。0和一些JAVA的基础知识。虽然是FLEX的初级教材，不过如果要使用FLEX还必须是一个MM产品的中级用户。
FLEX是基于MXML与J2EE平台开发得针对RICH APPLICATION运用的一个商业级平台。他的核心语言就是MM自创的MXML，实际上MXML同XML在语言结构上是相同得，不过加上了MM的专用TAG。以便FLASH针对MXML创建复杂得RICH APPLICATION。在教材开始得时候请确定你的FLASH2004是7。01的版本，并同时安装了FLEX1。0。好了，现在让我们开始FLEX开发RICH APPLICATION的路程。
FLEX的基础是MXML，是由MM针对RICH APPLICATION定制的专用语言。结构同XML是一样得。
XML与MXML的对比：
XML：
<panel title="FLEX APP"></panel>或<panel title="FLEX APP"/> MXML:
<mx:Panel title="first flex app"></panel>或<mx:panel title="FLEX APP"/> MXML有点象CF作为HTML TAG扩展时在每个TAG前加CF的道理一样（CF TAG：<CFOUTPUT>）。 现在清楚了吧。只要有XML的知识写MXML是不成问题的。
为什么要写MXML呢？因为所有得数据传递都同FLEX的MXML来完。所以MXML的撰写是开发得前提。现在我们就开始写一个MXML，让FLASH针对FLEX进行RICH APPLICATION的开发吧！这是一个FLEX完整得程序应用，这个范例可以在MM的FLEX开发网站上找到。你们在这个运用中将学到：
1。创建一个MXML文件
2。FLASH针对MXML完成程序的开发。
好，现在开始完成第一部MXML的文件 一、创建一个MXML文件（名：FIRSTAPP.MXML）
在写MXML文件的时候有两条必须要写：
1。<?XML VERSION="1.0"?>
2.<mx:Application xmlns:mx="http://www.macromedia.com/2003/mxml"> 程序体：。。。。。。。。。。 </mx:Application>
剩下我们来看一下，这个教程的MXML的全部
<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.macromedia.com/2003/mxml" >
<!-- data model -->
<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>
</mx:Array>
<mx:Script>
<![CDATA[
function addToCart():Void
{
cart.addItem(coffeeCombo.selectedItem.label,coffeeCombo.selectedItem.data);
}
]]>
</mx:Script>
<!-- view -->
<mx:Panel title="My First Flex App">
<mx:Label text="Coffee Blends"/>
<mx:ComboBox id="coffeeCombo" dataProvider="{coffeeArray}"/>
<mx:Text text="Description: {coffeeCombo.selectedItem.data}"/>
<mx:Button label="Add to Cart" click="addToCart()"/>
<mx:List id="cart"/>
</mx:Panel>
</mx:Application> ------------------------------------------------------------ <?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.macromedia.com/2003/mxml" > <mx:Panel title="My First Flex App"> </mx:Panel> </mx:Application> 有两句是在MXML中必须要有得，<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.macromedia.com/2003/mxml" >这两句表示以后你可以让FLASH要对FLEX的MXML进行处理。 <mx:Panel title="My First Flex App">表示一个容器，实际上是程序的说明主体。全部TAG和内容的定义全在这个容器中，FLASH要解析MXML就去找这个容器，然后对容器下内容行解析。
<mx:Label text="Coffee Blends"/>
<mx:ComboBox id="coffeeCombo" dataProvider="{coffeeArray}"/>
<mx:Text text="Description: {coffeeCombo.selectedItem.data}"/>
<mx:Button label="Add to Cart" click="addToCart()"/>
<mx:List id="cart"/> 在容器PANEL中的这段同HTML写FORM元素比较相似。LABEL表示建立一个LABEL的组件，COMBOBOX表建立一个下拉列表，TEXT表示建立一个文本框，文本框的内容是COMBOBOX列表所列的内容，BUTTON表示建立一个按钮，点下按钮则开始调用AS的FUNCTION。LIST表示建立一个选择列表，当你用FLASH选择COMBOBOX的内容时，结果就会出现在LIST列表。
|
|
| 文章录入：skyuu 责任编辑：skyuu |
|
| 【字体：小 大】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】 |
用户登录
