学步园

使用过TileList的朋友可能知道，该组件没有Item与Item之间的间距设置。而且theme也没有办法象linkbar那样设置样式corner-radius改变形状。唯一的解决办法就是重写TileList组件中drawSelectionIndicator
和drawHighlightIndicator
。

/**<br /> * Author Dante<br /> * Email:rubbish86630@yahoo.com.cn<br /> * CreatedTime:2009.04.13<br /> * Description:<br /> * 该组件实现选中和划过theme样式，并且添加间距<br /> * **/<br /> package myLib {</p> <p> import flash.display.Graphics;<br /> import flash.display.Sprite;</p> <p> import mx.controls.TileList;<br /> import mx.controls.listClasses.IListItemRenderer;<br /> public class MyTileList extends TileList {</p> <p> [Bindable]<br /> private var _verticalGap:Number = 0;</p> <p> [Bindable]<br /> private var _horizontalGap:Number = 0;</p> <p> public function MyTileList() {<br /> super();<br /> }<br /> /**<br /> * 重写鼠标划过高亮<br /> * @indicator:Sprite<br /> * @x:Number<br /> * @y:Number<br /> * @width:Number<br /> * @height:Number<br /> * @color:uint<br /> * @itemRenderer:IListItemRenderer<br /> * return void<br /> * **/<br /> override protected function drawHighlightIndicator(indicator:Sprite, x:Number, y:Number, width:Number, height:Number, color:uint, itemRenderer:IListItemRenderer):void {<br /> //绘图<br /> var g:Graphics = indicator.graphics;</p> <p> g.clear();<br /> g.beginFill(color);<br /> //画椭圆<br /> g.drawEllipse(0, 0, width - _horizontalGap, height - _verticalGap);<br /> g.endFill();</p> <p> indicator.x = x;<br /> indicator.y = y;<br /> } </p> <p> /**<br /> * 重写选中高亮<br /> * @indicator:Sprite<br /> * @x:Number<br /> * @y:Number<br /> * @width:Number<br /> * @height:Number<br /> * @color:uint<br /> * @itemRenderer:IListItemRenderer<br /> * return void<br /> * **/<br /> override protected function drawSelectionIndicator(indicator:Sprite, x:Number, y:Number, width:Number, height:Number, color:uint, itemRenderer:IListItemRenderer):void {<br /> //绘图<br /> var g:Graphics = indicator.graphics;</p> <p> g.clear();<br /> g.beginFill(color);<br /> //画椭圆<br /> g.drawEllipse(0, 0, width - _horizontalGap, height - _verticalGap);<br /> g.endFill();</p> <p> indicator.x = x;<br /> indicator.y = y;<br /> }</p> <p> //=============================<br /> // set and get<br /> //=============================<br /> public function set verticalGap(value:Number):void {<br /> _verticalGap = value;<br /> }</p> <p> public function get verticalGap():Number {<br /> return _verticalGap;<br /> }</p> <p> public function set horizontalGap(value:Number):void {<br /> _horizontalGap = value;<br /> }</p> <p> public function get horizontalGap():Number {<br /> return _horizontalGap;<br /> }<br /> }<br /> }