屏幕在正常模式和全屏模式下

Question

我在動作腳本/ Flex框架初學者錨Flex組件和我面臨的一個問題：

我想有一個像菜單欄總是在正常和全屏幕模式下錨定屏幕底部...

我嘗試設置我的組件的底部=「1」（所以它應該始終在舞臺底部1像素...但..否:)

這裏我的flex xlm：

<mx:Canvas> 


    <mx:UIComponent id="isoHostContainer" x="0" y="0" /> 


    <mx:HBox id="_menu_hbox" bottom="1" backgroundColor="0Xff0000" borderStyle="solid" borderVisible="true" > 
     <mx:Button label="Zoom +" click="button1_zoom_increase_clickHandler(event)" labelPlacement="bottom" /> 
     <mx:Button label="Solid Red" click="{box1.fill = new SolidColorFill(0xFF2222, 1);}" labelPlacement="bottom"/> 
     <mx:Button label="Transparent" click="{box1.fill = new SolidColorFill(0xFF2222, 0.2);}" labelPlacement="bottom" /> 
     <mx:Button label="Fullscreen toogle" click="button_fullscreen_clickHandler(event)"/> 
     <mx:Button label="Zoom -" click="button2_zoom_decrease_clickHandler(event)" labelPlacement="bottom"/>   
    </mx:HBox> 

</mx:Canvas> 

如果你有答案，它將是偉大的！

謝謝！

Answer 1

我認爲問題在於你的菜單是從你的Canvas的底部錨定1像素，在你進入全屏後保持相同的高度。

嘗試設置您的Canvas height = 100％。

<mx:Canvas height="100%"> 

<!-- more code below --> 

這將迫使佈局引擎，以調整畫布當應用程序重繪全屏幕的時候，反過來，你的菜單應該保持從底部1像素。警告：如果您的Canvas嵌套在另一個固定寬度的容器中，則其父級也需要動態調整大小以使其工作。