Question

我有一个DataGrid，其中一列显示图片图标。这是通过使用特殊的CellRenderer完成的。是否可以在CellRenderer中找到列宽？无论实际的列宽是多少，this.width总是返回一个明显错误的数字（152）。我在PC和Android上试过这个。

我需要知道要使图片居中的列宽。可能可以使用静态变量将实际列宽传递给CellRenderer，但我想知道我是否忽略了一些明显的东西。

import fl.controls.listClasses.CellRenderer;
import flash.geom.Point;
import flash.text.TextFormat;
import flash.text.TextFormatAlign;
import flash.utils.*;   
import flash.events.*;

public class CustomImageCellRenderer extends CellRenderer 
{

    public function CustomImageCellRenderer()
    {   

        var iconClass : Class = getDefinitionByName("icon") as Class;
        var iconMC : MovieClip = new iconClass();

        trace("width=" + width); // always returns 152

        addChild(iconMC );      

    }

    override protected function drawBackground():void
    {
        var skin : Object;

        if (_listData.index % 2 == 0)
        {
            skin = CellRenderer_upSkin2;
        } else {
            skin = CellRenderer_upSkin;         
        }           

        setStyle("upSkin", skin);   
        setStyle("overSkin", skin); 
        setStyle("downSkin", skin); 

        setStyle("selectedOverSkin", skin); 
        setStyle("selectedDownSkin", skin);  
        setStyle("selectedUpSkin", skin);

        super.drawBackground();

    }   

}

Answer 1

通常你应该在updateDisplayList中做所有布局工作 - 这是你应该得到正确尺寸的地方：

override protected function updateDisplayList(unscaledwidth:Number, unscaledHeight:Number):void
{
    super.updateDisplayList(unscaledWidth, unscaledHeight);

    icon.x = int((unscaledWidth - icon.width)/2);
}

Answer 2

在重写的this.width方法中使用drawBackground：

override protected function drawBackground():void
{
    super.drawBackground();
    trace("width=" + this.width);
}

如何在AS3 DataGrid CellRenderer中获取列宽？

2 个答案: