Question

我正在尝试动态更改组件在我的应用程序中的位置。每当用户更改浏览器窗口的大小时，是否有一种方法可以调用调整大小的事件监听器？

Answer 1

是的，将BrowserResizeHandler作为珠子添加到应用程序中，并在initialView上侦听“ sizeChanged”。

类似这样的伪代码（未经测试）：

<js:Application applicationComplete="{myView.addEventListener("sizeChanged", sizeChangedHandler)}>
<js:beads>
<js:BrowserResizeHandler/>
</js:beads>
 <initialView>
   <MyView id="myView/>
 </initialView>
</js:Application>

Answer 2

我不确定如何使珠子工作。找不到正确的问题。但是，我使用以下方法来调用调整大小：

<js:Application applicationComplete="initiateApplication(event)">   
      <fx:Script>
        <![CDATA[
        protected function initiateApplication(event:Event):void{
                    window.addEventListener("resize", resizeApp);
        }
        protected function resizeApp():void{
                    trace(this.height=document.documentElement.clientHeight)
                    trace(this.width=document.documentElement.clientWidth)
        }
    ]]>
    </fx:Script>
</js:Application>

如果有人使用其他方法，请分享。

Answer 3

扩展https://stackoverflow.com/users/11577184/yishayw的答案：当应用更改大小时，BrowserResizeHandler珠从视图中调度一个sizeChanged事件，因此类似的事情应该有所帮助：

<js:Application applicationComplete="onComplete()">
  <fx:Script>
    <![CDATA[
      protected function onComplete():void{
        myView.addEventListener("sizeChanged", handleResize);
      }
      protected function handleResize():void{
        // do something with the new size...
        trace(this.height)
        trace(this.width)
      }
    ]]>
  </fx:Script>
  <js:beads>
    <js:BrowserResizeHandler/>
  </js:beads>
  <initialView>
    <MyView id="myView/>
  </initialView>
</js:Application>

如果您的视图位于单独的MXML文件中，则处理调整大小的代码将在其中，而不是主应用程序mxml文件中。

我建议您检查一下Flex布局小珠的各种风格，因为我发现这几乎不需要调整大小处理程序。

如何获得基于浏览器高度/宽度的应用程序宽度/高度

3 个答案: