새 AIR 윈도우의 내용 자동 크기 조정

Question

AIR의 spark.components.WindowedApplication은 수동으로 윈도우 경계를 늘이거나 최대화/복원 할 때 내용의 크기를 자동으로 조정합니다. 그러나 spark.components.Window 클래스는 'out of the box'와 같은 기능을 제공하지 않습니다. 해당 spark.components.Window.nativeWindow 인스턴스가 경계를 크기 조정할 때 창을 늘이거나/최대화/복원 할 때 창의 내용이 크기를 변경하지 않습니다. 내 AIR 응용 프로그램은 여러 개의 창을 열고 크기를 조절할 수 있어야합니다. nativeWindow 경계와 일치하도록 내용의 크기를 자동으로 조정할 수 있습니까?

Answer 1

spark.components.Window을 의미한다고 가정하면이 값은 skinnablecontainer를 기반으로하므로 백분율 기준 레이아웃/제약 조건을 사용하지 못하게하는 어떤 것도 있어서는 안됩니다.

<s:Window xmlns:fx="http://ns.adobe.com/mxml/2009" 
      xmlns:s="library://ns.adobe.com/flex/spark" 
      xmlns:mx="library://ns.adobe.com/flex/mx" 
      width="100%" height="100%"> 

무언가를 수동으로 처리하는 다른 방법으로는 스테이지에서 오는 ResizeEvent 수신을들 수 있습니다.

Answer 2

해결 방법은 NativeWindow에서 오는 RESIZE 이벤트를 수신 한 다음 Window의 stage 인스턴스에 수동으로 stageWidth 및 stageHeight을 설정하는 것입니다. 아래 코드를 참조하십시오.

override public function open(openWindowActive:Boolean=true):void { 
    super.open(openWindowActive); 

    if (nativeWindow) { 
     chromeWidth = nativeWindow.width - this.width; 
     chromeHeight = nativeWindow.height - this.height; 
     nativeWindow.addEventListener(NativeWindowBoundsEvent.RESIZE, onNativeResize); 
    } 
} 

private function onNativeResize(event:NativeWindowBoundsEvent):void { 
    stage.stageWidth = event.afterBounds.width - chromeWidth; 
    stage.stageHeight = event.afterBounds.height - chromeHeight; 
}