使用WindowShader时在VBox中显示背景的问题

Question

我在我的网站上使用WindowShader。每件事都运行得很好。但是对于somereason，我无法显示我的"home_feeds“VBox的任何背景。如果我在上面添加组件，我可以看到它们。但它们的后台不起作用。即使我删除了画布上的所有东西(使用home_feeds)，我仍然看不到任何背景。但是如果我从我的mx:列表中删除评论..我能看到背景。

我的代码如下所示

    <mx:VBox right="35" paddingRight="10" verticalAlign="top" horizontalAlign="right">
    <containers:WindowShade id="shade" opened="false" openIcon="{null}" closeIcon="{null}" paddingTop="0" 
        headerLocation="bottom" visible="true">         
        <containers:headerRenderer>
            <mx:Component>                  
                <flexlib:CanvasButton width="100%" height="20" skin="mx.skins.ProgrammaticSkin">                        
                    <mx:Script>
                    <![CDATA[
                        import flexlib.containers.WindowShade;
                    ]]>
                    </mx:Script>
                    <mx:Box width="100%" horizontalAlign="center">
                        <degrafa:Surface width="80">    
                            <degrafa:GeometryGroup>                          
                              <geometry:EllipticalArc closureType="pie" 
                                  arc="180" startAngle="-180" width="80" height="35" y="-18">                                     
                                <geometry:fill>
                                    <paint:GradientFill angle="90">
                                        <paint:GradientStop color="#920000" />
                                        <paint:GradientStop color="#D31F1F" />
                                    </paint:GradientFill>
                                   </geometry:fill>
                              </geometry:EllipticalArc>

                                <geometry:Polygon>
                                    <geometry:data>40,5 35,13 45,13</geometry:data>
                                    <geometry:stroke>
                                        <paint:SolidStroke color="#333333" alpha="{WindowShade(parent).opened ? 1 : 0}" weight="1" />
                                    </geometry:stroke>
                                    <geometry:fill>
                                        <paint:SolidFill color="#ffffff" alpha="{WindowShade(parent).opened ? 1 : 0}" />
                                    </geometry:fill>
                                </geometry:Polygon>

                                <geometry:Polygon>
                                    <geometry:data>40,13 35,5 45,5</geometry:data>
                                    <geometry:stroke>
                                        <paint:SolidStroke color="#333333" alpha="{WindowShade(parent).opened ? 0 : 1}" weight="1" />
                                    </geometry:stroke>
                                    <geometry:fill>
                                        <paint:SolidFill color="#ffffff" alpha="{WindowShade(parent).opened ? 0 : 1}" />
                                    </geometry:fill>
                                </geometry:Polygon>

                            </degrafa:GeometryGroup> 
                        </degrafa:Surface>
                    </mx:Box>
                </flexlib:CanvasButton>
            </mx:Component>
        </containers:headerRenderer>            
        <mx:Canvas horizontalScrollPolicy="off" width="200" height="350" >              
            <!--mx:List id="home_feeds" height="100%" width="100%" itemRenderer="file_manager.list_item_template" doubleClickEnabled="true" /-->
            <mx:VBox id="home_feeds"
                width="100%"
                backgroundAlpha="0.1"
                left="10"
                right="10">
            </mx:VBox>
        </mx:Canvas>            
        <containers:filters>
            <mx:DropShadowFilter alpha=".3" angle="90" />
        </containers:filters>
    </containers:WindowShade>    
</mx:VBox>

请让我知道我哪里做错了.我怎么才能修复它呢。我想在那里使用VBox。

关于Zeeshan

Answer 1

如果没有任何子元素，没有显式宽度值的VBox的大小将为零。添加一些子项(例如标签)以查看背景颜色。将背景alpha从0.1增加到0.5或更多，以清楚地看到它。

如果你提到了宽度和高度的显式值(而不是百分比)，你可以看到背景颜色，即使它没有任何子级。

为home_feeds VBox设置backgroundColor="#00ff00" (绿色)，以区分VBox的背景颜色和其父对象的颜色。