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>

 

 

效果如图所示：