Flex 绑定和 AS3

Question

我将 degrafa 表面放入帆布容器中。 我想链接宽度和高度。 当我像预期一样使用绑定时：

// binding
   BindingUtils.bindProperty(rect,"height",this,"height"); 
   BindingUtils.bindProperty(rect,"width",this,"width"); 

现在，有人告诉我我应该在 validateSize() 或 updateDisplayList() 上执行此操作， 以我目前对 Flex 的了解，我真的不知道为什么，但我尝试了以下

override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void {

    trace(unscaledWidth, unscaledHeight);
    this.width = unscaledWidth;
    rect.width =unscaledWidth;
    this.height = unscaledHeight;
    rect.height = unscaledHeight;

}

degrafa 矩形的大小调整得很好，但不是“这个”画布容器。 他们似乎没有绑定，我错过了什么吗？

另外，我想稍微修改一下 rect.width = this.width 中的关系，其中包含一些我无法使用 bindproperty 方法执行的因素。

非常感谢您提供任何线索。

Answer 1

您应该在 updateDisplayList 中的某个位置调用：

super.updateDisplayList(unscaledWidth, unscaledHeight); 

Answer 2

以防万一，

还有一些代码

public class RectangleShape extends BaseShape 
{
public function RectangleShape(fillColor:int) {
    super.name = shapeName;
    solidFill.color = fillColor;


    // shape
    solidFill.alpha = 0.3;
    rect.fill = solidFill;
    rect.stroke = solidStroke;    
    geoGroup.geometryCollection.addItem(rect);     
    geoGroup.target = surface;

    surface.graphicsCollection.addItem(geoGroup);  
    this.addChild(surface);

  // binding
  // BindingUtils.bindProperty(rect,"height",this,"height"); 
  // BindingUtils.bindProperty(rect,"width",this,"width"); 
}




 override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void {

    trace(unscaledWidth, unscaledHeight);
    this.width = unscaledWidth;
    rect.width =unscaledWidth;
    this.height = unscaledHeight;
    rect.height = unscaledHeight;

}

Answer 3

updateDisplayList() 方法是您应该调整组件子对象的大小和位置的地方。 您不应该设置组件本身的大小（即：不要这样做：this.width=100）。

您还可以使用 Flash 图形 API 在 updateDisplayList() 中进行编程绘图。

updateDisplayList() 由 Flex 调用，两个参数 unscaledWidth 和 unscaledHeight 是组件渲染时的尺寸。 您应该尊重这些尺寸，并根据它们设置组件的子对象的大小。

在 updateDisplayList() 中设置大小时，不要直接修改宽度/高度属性。 这样做将触发更多 Flex 生命周期方法的执行。 相反，请使用子组件的 setActualSize() 方法。

设置子对象的 x/y 属性也是如此。 不要直接设置它们，请使用 move() 方法。

最后，在 Flex 4 中，他们为 Spark 组件添加了一些类似的生命周期方法。 尽可能使用它们：setLayoutBoundsSize()、setLayoutBoundsPosition()。

这是您的原始 updateDisplayList()，按上述修改：

override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void {

    trace(unscaledWidth, unscaledHeight);

    // like Janroel said above, you should call the super class method
    // the only time you don't need to is when your component extends UIComponent
    // (because UIComponent's updateDisplayList doesn't do anything)
    super.updateDisplayList(unscaledWidth, unscaledHeight);

    // don't do this (your component will get sized by its parent)
    //this.width = unscaledWidth;
    // if 'rect' inherits from UIComponent you should use the setActualSize() method:
    rect.setActualSize(unscaledWidth, unscaledHeight);
    // if it doesn't inherit from UIComponent, do it the regular way...
    rect.width =unscaledWidth;
    //this.height = unscaledHeight;
    rect.height = unscaledHeight;
}