Spark容器而不是它的身体外面隐藏内容

Screenshot

它是由这样的：

First container <s:HGroup>(900 X 100)--top black area 

Second container <s:Group> (900 X 475)--middle white area 

Third container <s:HGroup>--(900 X 100)--bottom black area

如果项目使用Flex做3，中间区域将是<mx:Canvas>。

现在假设我有一个BorderContainer（125 X 475）并将其命名为middleContainerChild。它位于中间区域的右侧。当我将它的y位置设置为-middleContainerChild.height时，它应位于容器外部的y = -475。正如你在上面的图片中看到的，它已经放置在那里。

但比<mx:Canvas>其他，图像还显示，即使它是<s:Group>身体内不再，它是呈现“顶部”的<s:HGroup>的。

见下面的图片更多的澄清： 2 images showing the problem

如果我使用<mx:Canvas>，这是正确的隐藏起来，但如果我用一个Spark容器（不仅是一个群体，但任何Spark容器），它仍然是可见。

有没有其他人有这个问题？

来源

2012-02-07 Ankur Sharma

你的问题很难理解，所以我试图改进措辞，并给它一个更精确的标题。我希望我的意思是正确的 - 如果我误解了，请回复！ – weltraumpirat 2012-02-07 15:45:32

Thanku weltraumpirat，当时我在我的办公室，我有点困惑，人们会如何理解，我想要什么，所以我在这里使用图片，thanx编辑，我很欣赏:) – 2012-02-07 17:21:20

哇，令人惊叹的，你只是让它变得很容易理解，gr8兄弟，我今天学到了一件新事物，thanx为这个伟大的帮助，plzz把你的评论放在我的答案中，我会投票赞成:) – 2012-02-07 17:24:40

读一下clipAndEnableScrolling属性GroupBase类。

问候。

来源

2012-02-07 12:50:24 2DH

thnx 2DH :)它与我在找什么:)其实我在上面的问题甚至不是很清楚，但你已经选择了正确的点，再次thankeu :) – 2012-02-07 17:18:54

由于2DH给我的暗示，我准备这个样本，

<?xml version="1.0" encoding="utf-8"?> 
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
       xmlns:s="library://ns.adobe.com/flex/spark" 
       xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="900" minHeight="672"> 

    <fx:Declarations> 
     <s:Move 
      id="moveUp" 
      yFrom="0" 
      yTo="-475" 
      target="{helpWindow}"/> 
     <s:Move 
      id="moveDown" 
      yFrom="-475" 
      yTo="0" 
      target="{helpWindow}"/> 

    </fx:Declarations> 

    <fx:Script> 
     <![CDATA[ 
      private function buttonUp_clickHandler(event:MouseEvent):void 
      { 
       moveUp.play(); 
      } 

      private function buttonDown_clickHandler(event:MouseEvent):void 
      { 
       moveDown.play(); 
      } 
     ]]> 
    </fx:Script> 

    <s:layout> 
     <s:VerticalLayout gap="0"/> 
    </s:layout> 

    <s:BorderContainer 
     backgroundColor="#000000" 
     height="100" 
     width="100%"/> 
    <s:Group 
     height="475" 
     width="100%" 
     clipAndEnableScrolling="true"> 

     <s:VGroup 
      left="0" 
      top="0"> 
       <s:Button 
        label="Play Effect UP" 
        click="buttonUp_clickHandler(event)"/> 
       <s:Button 
        label="Play Effect DOWN" 
        click="buttonDown_clickHandler(event)"/> 
     </s:VGroup> 


     <s:BorderContainer 
      id="helpWindow" 
      backgroundColor="#CCCCCC" 
      y="{-helpWindow.height}" 
      right="0" 
      height="475" 
      width="125" 
      /> 
    </s:Group> 
    <s:BorderContainer 
     backgroundColor="#000000" 
     height="100" 
     width="100%"/> 
</s:Application>

所以，现在我已经把我的心容器的clipAndEnableScrolling到真正和问题解决

由于两者堆栈成员:)

来源

2012-02-07 17:40:06

Spark容器而不是它的身体外面隐藏内容

回答

相关问题