如何在flex中将布局设置为titleWindow？答案

【问题标题】：How to set layout to titleWindow in flex?如何在flex中将布局设置为titleWindow？
【发布时间】：2011-09-30 10:04:25
【问题描述】：

<fx:Script>

private function showSuccessDialog(msg:String):void
            {
                var label:Label = new Label();
                label.text = msg;               
                label.width = 290;
                label.x = 20;
                label.y = 30;   

                var btnok:Button = new Button();
                btnok.label = "OK";
                btnok.width = 100;
                btnok.x = 100;
                btnok.y = label.y + 30; 

                titleWindow = new TitleWindow();
                titleWindow.title = "Success";
                titleWindow.width = 300;

//when i add this two elements label and button both are displayed on same position
//my label size increases dynamically so i want to add that button below that label
//here for titleWindow i want to set layout how i can do that

                titleWindow.addElement(label);
                titleWindow.addElement(btnok);

                PopUpManager.addPopUp(titleWindow, this, true);
                PopUpManager.centerPopUp(titleWindow);
            }

</fx:Script>

【问题讨论】：

我删除了黑莓标签，因为这个问题与黑莓或 RIM 无关。我还编辑了问题，将所有代码置于“代码格式”中——有一个大括号按钮，您可以在以后的问题中使用它。也就是说，在您的实际问题是代码中 cmets 的一部分的情况下发布问题是不寻常的。

标签： apache-flex actionscript-3

【解决方案1】：

假设由于您使用的是 FX，因此这是一个火花 TitleWindow：

titleWindow.layout = new VerticalLayout();

然后您可以像这样设置布局属性

(tw.layout as VerticalLayout).gap = 4; //sets the gap between items
(tw.layout as VerticalLayout).paddingLeft = 10;  //sets the left padding

等等

【讨论】：

+1 使用“fx”实际上并不意味着他使用的是 Spark 组件，只是他使用的是 Flex 4（或更高版本）SDK。但是，在他的代码中使用 addElement 确实意味着他正在使用 Spark 组件。
他可以导入 MX TitleWindow 而不是 Spark。另外，我不鼓励使用(tw.layout as VerticalLayout)。为什么不直接存储一个带有垂直布局的本地变量，更改属性并将其添加到布局属性中。如果不需要，我不建议使用as。
是的，这是一个很好的观点。使用as 会降低性能，即使类型实际上并没有改变类型。传统的演员阵容会更好，或者像您建议的那样使用本地变量。我想我有点懒惰，因此我将titleWindow 缩短为tw.... 使用两个字符的变量名也是一个坏主意！