ColorPicke 拾色器组件 Grid 组件

<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"> <mx:Panel x="133" y="66" width="351" height="309" layout="absolute" title="colorpicker example" fontSize="12"> <mx:Label x="37" y="10" text="选择你需要的背景色" width="220" height="36"/> <mx:ColorPicker x="37" y="54" id="cp" showTextField="true" selectedColor="#B65BC1"/> <mx:VBox x="10" y="84" width="263" height="117" backgroundColor="{cp.selectedColor}"> </mx:VBox> <mx:Label x="9" y="219" text="selectedColor: 0x{cp.selectedColor.toString(16)}" width="264" height="30"/> </mx:Panel> </mx:Application>

 

 

效果如果所示：

 

2011-06-09  sunny整理组件中

 

 

 Grid  栅格组件  每一行GridRow为子组件，每一行里面的内容为GridItem，在GridItem中可以放置任意组件。

GridItem中属性值colSPan 和rowSpan表示列和行可占的位置，方便更好的精确定位。

<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"> <mx:Panel x="240" y="81" width="546" height="303" layout="absolute" title="grid example 栅格" fontSize="12"> <mx:Grid x="59" y="22" width="353" height="184"> <mx:GridRow width="100%" height="100%"> <mx:GridItem width="100%" height="100%"> <mx:Button label=" row1 col1" width="99" height="33"/> <mx:Button label="row1col2" width="90" height="33"/> <mx:Button label="row1 col3" width="96" height="34"/> </mx:GridItem> </mx:GridRow> <mx:GridRow width="100%" height="100%"> <mx:GridItem width="100%" height="100%" > <mx:Button label=" row2col1" width="99" height="34"/> <mx:Button label=" row2 col2" width="96" height="29"/> <mx:Button label="row2 col3" width="97" height="31"/> </mx:GridItem> </mx:GridRow> <mx:GridRow width="100%" height="100%" > <mx:GridItem width="339" height="50" > <mx:Button label="row3col1" width="95" height="28"/> <mx:Button label=" row3 col2" width="99" height="37"/> <mx:Button label="row3 col3" width="95" height="31"/> </mx:GridItem> </mx:GridRow> </mx:Grid> </mx:Panel> </mx:Application>

 

 

效果如图所示：