2

我在帆布容器中有一个 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 矩形可以很好地调整大小，但不能很好地调整“this”画布容器。他们似乎没有绑定，我错过了什么吗？

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

非常感谢任何线索。

4

3 回答 3

1

您应该在 updateDisplayList 的某个地方调用：

super.updateDisplayList(unscaledWidth, unscaledHeight);
于 2012-04-11T12:59:28.920 回答
0

以防万一，

更多代码

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;

}
于 2008-11-27T19:49:50.290 回答
0

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

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

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;
}
于 2012-04-11T15:47:37.830 回答