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容器而不是它的身體外面隱藏內容

回答

相關問題