设置TileList各个item之间的间距

最新推荐文章于 2024-06-03 22:53:54 发布

wan_2004

最新推荐文章于 2024-06-03 22:53:54 发布

阅读量919

点赞数

分类专栏： Flex 文章标签： Flash Adobe XML

本文链接：https://blog.csdn.net/wan_2004/article/details/83392337

版权

Flex 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

自定义TileList, override drawSelectionIndicator和drawHighlightIndicator就可以了

<?xml version="1.0"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
initialize="initData();" xmlns:local="*">
<mx:Script>
<![CDATA[
   import mx.controls.Button;
   import mx.collections.*;
   private var listArray:Array=[
      {label: "item0", data: 0},{label: "item1", data: 1},
      {label: "item2", data: 2},{label: "item3", data: 3},
      {label: "item4", data: 4},{label: "item5", data: 5},
      {label: "item6", data: 6},{label: "item7", data: 7},
      {label: "item8", data: 8}];
   [Bindable]
   public var TileListdp:ArrayCollection;

   private function initData():void {
      TileListdp = new ArrayCollection(listArray);
   }
]]>
</mx:Script>
<local:CustomTileList dataProvider="{TileListdp}"
      rowHeight="120" columnWidth="120" >
   <local:itemRenderer>
   <mx:Component>
   <mx:HBox
      horizontalAlign="center" >
   <mx:Canvas width="100" height="100" borderStyle="solid">

   </mx:Canvas>

   </mx:HBox>
   </mx:Component>
   </local:itemRenderer>
</local:CustomTileList>
</mx:Application>

package
{
import flash.display.Graphics;
import flash.display.Sprite;

import mx.controls.TileList;
import mx.controls.listClasses.IListItemRenderer;

public class CustomTileList extends TileList
{
      override protected function drawSelectionIndicator(
                              indicator:Sprite, x:Number, y:Number,
                              width:Number, height:Number, color:uint,
                              itemRenderer:IListItemRenderer):void
      {
         var g:Graphics = Sprite(indicator).graphics;
         g.clear();
         g.beginFill(color);
         g.drawRect(10, 10, width-20, height-20);
         g.endFill();

         indicator.x = x;
         indicator.y = y;
      }

override  protected function drawHighlightIndicator(
                              indicator:Sprite, x:Number, y:Number,
                              width:Number, height:Number, color:uint,
                              itemRenderer:IListItemRenderer):void
      {
         var g:Graphics = Sprite(indicator).graphics;
         g.clear();
         g.beginFill(color);
         g.drawRect(10, 10, width-20, height-20);
         g.endFill();

         indicator.x = x;
         indicator.y = y;
      }

}
}