apache-flex - 如何在 Flex 中直观地“突破”容器？

Question

这是我的问题 - 我有一些这样的代码：

<mx:Canvas width="300" height="300">
     <mx:Button x="800" />
</mx:Canvas>

所以问题是画布内的按钮有一个超过画布宽度的 x 属性方式 - 因为它是画布的子级，所以画布遮盖它并创建一些滚动条让我滚动到按钮。

我想要的是在没有滚动条的情况下显示按钮 - 画布左侧 800 像素，同时仍将按钮作为画布的子项。我怎么做？

Answer 1

我想通了 - 显然 Container 有一个名为 clipContent 的属性 - 这是 Adob​​e 的描述：

如果此容器的子项的位置和/或大小超出此容器的边界，是否应用剪辑蒙版。如果为 false，则此容器的子项在被移动或调整到此容器边界之外时仍然可见。如果为 true，则此容器的子项将被剪裁。

如果 clipContent 为 false，则禁用此容器的滚动并且不会出现滚动条。如果clipContent 为true，那么滚动条通常会在容器的子项超出容器边界时出现。有关对滚动条外观的额外控制，请参阅horizo​​ntalScrollPolicy 和verticalScrollPolicy。默认值是true。

所以基本上 - 要在容器边界之外显示按钮，我需要执行以下操作：

<mx:Canvas width="300" height="300" clipContent="false" >
     <mx:Button x="800" />
</mx:Canvas>

这比我想象的要容易。:)

这是官方文档...

Answer 2

您还应该能够使用includeInLayout属性，这将允许您将它独立地应用于每个子组件。