在正常模式和全屏模式下,在屏幕底部锚定flex组件

时间:2011-12-11 03:22:24

标签: actionscript-3 flex user-interface

我是动作脚本/ flex框架的初学者,我遇到了一个问题:

我想像菜单栏一样在正常和全屏模式下固定屏幕底部......

我尝试将我的组件设置为bottom =“1”(因此它应该始终位于舞台底部的1个像素处......但是...... NO:)

这里是我的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>

如果你有答案那就太棒了!

谢谢!

1 个答案:

答案 0 :(得分:0)

我认为问题是你的菜单是从你的画布的底部固定1个像素,在你进入全屏后保持相同的高度。宽度。

尝试设置Canvas高度= 100%。

<mx:Canvas height="100%">

<!-- more code below --> 

当全屏重绘应用程序时,这会强制布局引擎调整画布大小,反过来,您的菜单应该从底部保持1个像素。

警告:如果您的Canvas嵌套在另一个固定宽度的容器中,则其父级还需要动态调整大小以使其正常工作。