FLEX小试牛刀

上一篇 / 下一篇  2008-03-05 22:50:02 / 个人分类:Flex

由于工作的原因很长时间没来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列表。

TAG:

 

评分:0

我来说两句

显示全部

:loveliness: :handshake :victory: :funk: :time: :kiss: :call: :hug: :lol :'( :Q :L ;P :$ :P :o :@ :D :( :)

日历

« 2008-10-11  
   1234
567891011
12131415161718
19202122232425
262728293031 

数据统计

  • 访问量: 18738
  • 日志数: 171
  • 影音数: 3
  • 建立时间: 2008-02-28
  • 更新时间: 2008-05-19

RSS订阅

Open Toolbar