Flex - ResizeEvent.RESIZE 问题

Question

我的调整大小事件遇到了一个小问题...我自己创建了一个组件，并且该组件在每个调整大小事件中都运行一个复杂的方法。问题是：当我最大化或恢复窗口时，该事件在短时间内被多次调用，没有让我的方法有足够的时间在另一个方法开始之前完全运行...我想知道如果无论如何只能在每次调整大小运动结束时运行此方法。 谢谢

Answer 1

不是对 ResizeEvent 做出反应，ResizeEvent 会在调整大小期间触发每一帧（即，如果您点击最大化并且组件需要 3 帧才能从 widh/ehight = 0 重绘到 width/height = MaxValue），则将触发调整大小事件三次，您可以“观察”宽度和高度的属性。

var widthWatch:ChangeWatcher = ChangeWatcher.watch(this, 'widht', resizeHandler)
var heightWatch:ChangeWatcher = ChangeWatcher.watch(this, 'height' resizeHandler)

实际上，这将监视属性，类似于数据绑定，并在宽度或高度发生变化时执行 resizeHandler。这有一个小小的缺点，如果宽度和高度同时改变，则触发处理程序两次，但这可以通过执行该工作的第三个函数来解决，如果不安排调用该函数，则该函数将由处理程序调用。代码：

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="onCreationComplete(event)">
<mx:Script>
 <![CDATA[
  import mx.binding.utils.ChangeWatcher;

  private var widthWatch:ChangeWatcher;
  private var heightWatch:ChangeWatcher;
  private var resizeExecuting:Boolean = false;

  private function onCreationComplete(event:Event):void
  {
   widthWatch = ChangeWatcher.watch(this,'width',onSizeChange);
   heightWatch = ChangeWatcher.watch(this,'height',onSizeChange);
  }

  private function onSizeChange(event:Event):void
  {
   if(!resizeExecuting)
    callLater(handleResize);
   resizeExecuting = true;
  }

  private function handleResize():void
  {
   //do expensive work here
   resizeExecuting = false;
  }

  private function stopWatching()
  {
   //invoke this to stop watching the properties and prevent the handleResize method from executing
   widthWatch.unwatch();
   heightWatch.unwatch();
  }

 ]]>
</mx:Script>
</mx:Application>

我更喜欢更改观察程序方法，因为它在宽度和高度属性更改后触发，这与在宽度和高度属性正确更新之前触发的调整大小事件不同。

Answer 2

您需要将调整大小事件合并为单个事件。 David Coletta 在此演示文稿中简要讨论了事件合并，但我不记得他是否描述了他是如何做到的。

您可以通过多种方式来完成此操作，我将在下面的伪代码中布局其中一种：

resizeHandler(resizeEvent):
   if (resizeEventReceived)
       return
   resizeEventReceived = true
   Timer.startIn(30 /*ms*/).withHandler(doResize)

doResize(timerEvent):
    /* do actual resize processing */
    resizeEventReceived = false

Answer 3

在我看来，您正在事件处理程序中执行某些操作，导致触发新的 ResizeEvent.RESIZE 。由于 ActionScript 在单个线程中运行，因此在处理程序运行时没有独立的源可以调度该事件，除非您以某种方式触发它。

Answer 4

我想指出的是，flex 具有完整的组件生命周期，这可能会帮助您：

尝试一下：

1. 不要直接计算屏幕变化，而是在 updateDisplayList 方法中执行此操作。
2. 当接收到 ResizeEvent 时，仅调用 invalidateDisplayList() 方法，该方法设置一个框架标志，该标志将触发 updateDisplayList() 的执行。

您可以在此处阅读有关 Flex3 组件生命周期的更多信息：
http://www.dlgsoftware.com/primers/Primer_on_Flex3_Component_Lifecycle.htm