3.20.根據(jù)呼出組件設(shè)置對(duì)話框的尺寸和位置

2024-04-27 13:51:50

字體：大中小

供稿：網(wǎng)友

3.20.1 問(wèn)題
我們需要生成一個(gè)對(duì)話框，該對(duì)話框具有和呼出它的組件相同尺寸和位置。
3.20.2 解決辦法
使用MouseEvent 的target 屬性來(lái)確定調(diào)用該方法的組件的信息，同時(shí)，使用mx.geometry.Rectangle 類來(lái)確定呼出的組件實(shí)際寬高及其在Stage 內(nèi)的位置。
3.20.3 討論
為了保證無(wú)論應(yīng)用程序的layout 設(shè)定為absolute, horizontal,還是vertical，對(duì)話框都會(huì)添加到應(yīng)用程序中并且顯示在正確的位置，你需要?jiǎng)?chuàng)建一個(gè)可關(guān)閉的TabNavigator，該TabNavigator 的所有tab 項(xiàng)都是可關(guān)閉的，關(guān)閉某個(gè)tab 項(xiàng)的時(shí)候即從TabNavigator 中移除對(duì)應(yīng)tab 項(xiàng)下的子組件。將對(duì)話框的includeInLayout 屬性設(shè)置為false 以保證應(yīng)用程序不改變對(duì)話框的位置。

-ActionScript

dialogue = new Dialogue();
mx.core.Application.application.rawChildren.addChild(dialogue);
dialogue.includeInLayout = false;

getBounds 方法返回一個(gè)帶x 和y 位置的矩形，同時(shí)DisplayObject 的寬和高作為傳入到方法里面的對(duì)象的成員屬性。在下面的例子里，Stage 作為傳入getBounds 方法的DisplayObject 參數(shù)，這樣，就會(huì)根據(jù)整個(gè)應(yīng)用返回組件的位置信息了。

-XML

<mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml" width="700"
height="500" left="50" top="50" verticalGap="50">
<mx:Script>
<![CDATA[
import mx.core.Application;
import mx.core.UIComponent;
private var dialogue:Dialogue;
private function placeLabel(event:MouseEvent):void
{
if(dialogue == null)
{
dialogue = new Dialogue();
mx.core.Application.application.rawChildren.addChild(dialogue);
dialogue.includeInLayout = false;
}v
var rect:Rectangle = (event.target as
UIComponent).getBounds(this.stage);
dialogue.x = rect.x;
dialogue.y = rect.y + (event.target as
UIComponent).height;
}

]]>
</mx:Script>
<mx:HBox horizontalGap="50">
<mx:Label text="First label."/>
<mx:Button label="Place First" click="placeLabel(event)"/>
</mx:HBox>
<mx:HBox horizontalGap="50">
<mx:Label text="Second label."/>
<mx:Button label="Place Second" click="placeLabel(event)"/>
</mx:HBox>
<mx:HBox horizontalGap="50">
<mx:Label text="Third label."/>
<mx:Button label="Place Third" click="placeLabel(event)"/>
</mx:HBox>
<mx:HBox horizontalGap="50">
<mx:Label text="Fourth label."/>
<mx:Button label="Place Fourth" click="placeLabel(event)"/>
</mx:HBox>
</mx:VBox>