需要更好地了解如何确定 Flex/Spark UI 元素的大小

Question

总的来说，我还没有找到一种明确的方法来让 Flex 和 Spark 容器相对于子容器调整自身大小。我多次搜索过有关此概念的良好文档，但尚未找到任何足以解释这些概念的内容。

我经常想做的一个简单例子是在一组控件周围均匀地绘制边框。 这里的目标是让所有 UI 元素自动调整自身大小。

<s:BorderContainer>
  <s:HGroup>
    <s:Label text="l1" />
    <s:Label text="very long label 2" />
  </s:HGroup>
</s:BorderContainer>

我希望 Labels 根据 text 属性调整自身大小，并且 HGroup 应根据需要包含标签和 >BorderContainer 应该只包含该 HGroup。

现在这个简单的例子可能会也可能不会按预期工作，我还没有弄清楚如何在不尝试代码的情况下确定输出的样子。 有谁知道理解这个过程的好方法，以便我可以确定地知道事情会是什么样子？

---

现在是我正在研究的更复杂的例子。 我有一个扩展 BorderContainer 的类。在类中，我创建了一个 HGroup，其中包含 5 个 Labels 作为 HGroup 的子级。然后将 HGroup 添加为 ExtendedBorderContainer 的子级（使用 addElement() 方法）。

然后新类在应用程序中使用如下：

<mx:ViewStack>
  <s:NavigatorContent>
    <my:ExtendedBorderContainer />
  </s:NavigatorContent>
  <!-- more NavigatorContents here -->
</mx:ViewStack>

我尝试了各种 [max|min]height/width 组合，但无法获得所需的布局，元素周围的边框非常紧密，没有多余的空间从最深的 Label 子项开始，一直到 NavigatorContent。

Answer 1

看这里：
http://livedocs.adobe.com/flex/3 /html/help.html?content=size_position_3.html

目前尚不清楚您的问题是什么。
关于你的问题的第一部分：你所说的“可能会或可能不会按预期工作”是什么意思。该示例应该可以工作并且具有您所描述的布局。标签本身的大小基于文本属性等。你会得到什么行为？

第二部分：
如果您暗示您的布局总体上没问题，但项目之间有额外的间距，那么请查看容器的填充和间隙属性。某些容器具有非零的默认填充和间隙，您必须手动覆盖它们。