Flex 4:当超出面板尺寸时,spark 面板中的控件仍然显示

发布于 2024-10-25 20:43:00 字数 1229 浏览 5 评论 0原文

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

在 Windows 7 上运行 Flex 4.1

我尝试将 mx 和 Spark 控件放入 Spark 面板中,它们都出现在边界之外。请注意,mx 面板不会发生这种情况。

我缺少什么才能使 Spark 表现得像 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>

I discovered this while doing some programmatic panel resizing:
Components in a spark Panel will still be visible when their location is outside the physical Panel boundaries. This does not happen with the mx Panel.

Running Flex 4.1 on Windows 7

I tried putting mx and spark controls in the spark Panel, and they both appear outside of the boundaries. Note this doesn't happen with the mx Panel.

What am I missing to make the spark behave like the mx?

Thanks !

Sample Code:

    <?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>

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

与君绝 2024-11-01 20:43:00

您可以在其中放入 s:Group 并设置 clipAndEnableScrolling="true"。它与 CSS 的 overflow:hidden 非常相似。

You may put a s:Group in them and set clipAndEnableScrolling="true". It's quite similar to CSS's overflow:hidden.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文