Flex 4:火花面板中的控件仍然显示在面板尺寸之外

Question

我在进行一些程序化面板调整时发现了这一点:当火花面板中的组件位于物理面板边界之外时,它们仍然可见.mx面板不会发生这种情况.

在Windows 7上运行Flex 4.1

我尝试在火花面板中放置mx和spark控件,它们都出现在边界之外.请注意,mx面板不会发生这种情况.

我错过了什么使火花表现得像mx？

谢谢 !

示例代码:

    <?xml version="1.0" encoding="utf-8"?>
<s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009" 
                       xmlns:s="library://ns.adobe.com/flex/spark" 
                       xmlns:mx="library://ns.adobe.com/flex/mx">
    <fx:Declarations>
        <!-- Place non-visual elements (e.g., services, value objects) here -->
    </fx:Declarations>
    <s:Panel x="6" y="8" width="157" height="200">
        <s:Label x="2" y="10" text="ABCDEFGHIJKL" width="258" height="35" textAlign="right"/>
        <mx:Label text="Label" x="232" y="55"/>
        <mx:Button x="125" y="96" label="Button"/>
    </s:Panel>
    <mx:Panel x="10" y="216" width="200" height="200" layout="absolute">
        <mx:Label x="0" y="46" text="Label" width="217" textAlign="right"/>
        <mx:Button x="163" y="88" label="Button"/>
    </mx:Panel> 
</s:WindowedApplication>

Answer 1

你可以s:Group在其中加入并设置clipAndEnableScrolling="true".它与CSS非常相似overflow:hidden.