Flex 学习笔记

学习Flex第一堂课，学习了Glow，Blur，Move，Parallel和DataGrid标签的使用，以及简单的事件。贴了代码过来，其实也是从网上找来的例子，自己跟着做了做，然后找找了在线文档，了解了这几个标签的简单用法，以后继续。

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Script>
<![CDATA[

import mx.collections.ArrayCollection;
public function inputName():void{
nameLabel.text = nameText.text;
}
//DataGrid的数据源
[Bindable]
private var medalsAC:ArrayCollection = new ArrayCollection( [
{ Country: "USA", Gold: 35, Silver:39, Bronze: 29 },
{ Country: "China", Gold: 32, Silver:17, Bronze: 14 },
{ Country: "Russia", Gold: 27, Silver:27, Bronze: 38 } ]);
]]>
</mx:Script>

<!--
The Parallel effect plays multiple child effects at the same time.
-->
<mx:Parallel id="blurMoveShow" target="{nameLabel}">
<!--The Glow effect lets you apply a visual glow effect to a component.
If you apply a Glow effect to a component,
you cannot apply a GlowFilter or a second Glow effect to the component.
-->
<mx:Glow id="buttonGlow" color="0x99ff00" alphaFrom="1.0" alphaTo="0.3" duration="1500"/>
<!--alphaFrom:Starting transparency level between 0.0 and 1.0, where 0.0 means transparent and 1.0 means fully opaque -->
<!--alphaTo:Ending transparency level between 0.0 and 1.0, where 0.0 means transparent and 1.0 means fully opaque -->

<!--The Blur effect lets you apply a blur visual effect to a component.
If you apply a Blur effect to a component,
you cannot apply a BlurFilter or a second Blur effect to the component.
-->
<mx:Blur id="numberBlur" blurXFrom="10.0" blurXTo="0.0" blurYFrom="10.0" blurYTo="0.0" duration="2000"/>
<!--blurXFrom:The starting amount of horizontal blur. Valid values are from 0.0 to 255.0 -->

<mx:Move id="numberMove" yBy="20" duration="2000"/>
</mx:Parallel>

<mx:Panel height="489" width="542" layout="absolute" x="10">
<mx:Label id="nameLabel" x="264" y="21" text="4 8 15 16 23 42" width="166" visible="false"/>
<mx:TextArea id="nameText" text="Text" width="150" keyUp="inputName()" x="10" y="10"/>
<mx:Button label="View" id="button" click="blurMoveShow.play();numberBlur.play();nameLabel.visible=true" mouseUpEffect="{buttonGlow}" x="187" y="19"/>

<mx:DataGrid dragEnabled="true" dataProvider="{medalsAC}" x="10" y="113">
<mx:columns>
<mx:DataGridColumn dataField="Country" />
<mx:DataGridColumn dataField="Gold" />
<mx:DataGridColumn dataField="Silver" />
<mx:DataGridColumn dataField="Bronze" />
</mx:columns>
</mx:DataGrid>
</mx:Panel>
</mx:Application>