Flex TileList自定义间距和theme样式_Flash教程-查字典教程网
Flex TileList自定义间距和theme样式
Flex TileList自定义间距和theme样式
发布时间:2016-12-28 来源:查字典编辑
摘要:唯一的解决办法就是重写TileList组件中drawSelectionIndicator和drawHighlightIndicator。复制...

唯一的解决办法就是重写TileList组件中drawSelectionIndicator 和drawHighlightIndicator 。

复制代码 代码如下:

/**

* Author Dante

* Email:rubbish86630@yahoo.com.cn

* CreatedTime:2009.04.13

* Description:

* 该组件实现选中和划过theme样式,并且添加间距

* **/

package myLib {

import flash.display.Graphics;

import flash.display.Sprite;

import mx.controls.TileList;

import mx.controls.listClasses.IListItemRenderer;

public class MyTileList extends TileList {

[Bindable]

private var _verticalGap:Number = 0;

[Bindable]

private var _horizontalGap:Number = 0;

public function MyTileList() {

super();

}

/**

* 重写鼠标划过高亮

* @indicator:Sprite

* @x:Number

* @y:Number

* @width:Number

* @height:Number

* @color:uint

* @itemRenderer:IListItemRenderer

* return void

* **/

override protected function drawHighlightIndicator(indicator:Sprite, x:Number, y:Number, width:Number, height:Number, color:uint, itemRenderer:IListItemRenderer):void {

//绘图

var g:Graphics = indicator.graphics;

g.clear();

g.beginFill(color);

//画椭圆

g.drawEllipse(0, 0, width - _horizontalGap, height - _verticalGap);

g.endFill();

indicator.x = x;

indicator.y = y;

}

/**

* 重写选中高亮

* @indicator:Sprite

* @x:Number

* @y:Number

* @width:Number

* @height:Number

* @color:uint

* @itemRenderer:IListItemRenderer

* return void

* **/

override protected function drawSelectionIndicator(indicator:Sprite, x:Number, y:Number, width:Number, height:Number, color:uint, itemRenderer:IListItemRenderer):void {

//绘图

var g:Graphics = indicator.graphics;

g.clear();

g.beginFill(color);

//画椭圆

g.drawEllipse(0, 0, width - _horizontalGap, height - _verticalGap);

g.endFill();

indicator.x = x;

indicator.y = y;

}

//=============================

// set and get

//=============================

public function set verticalGap(value:Number):void {

_verticalGap = value;

}

public function get verticalGap():Number {

return _verticalGap;

}

public function set horizontalGap(value:Number):void {

_horizontalGap = value;

}

public function get horizontalGap():Number {

return _horizontalGap;

}

}

}

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Flash教程学习
    热门Flash教程学习
    网页设计子分类