Flex 4火花面板有一个丑陋的灰色顶部

Question

我有一个Flex 4火花面板我正在通过PopUpManager弹出，但它有一个灰色部分在顶部我无法摆脱。那是什么以及如何删除它？

更新 ：下面是一个示例面板。我只需在其上调用PopUpManager.addPopUp(new TestPanel(), background, true);并在按钮上方接收该实心灰色条。

<s:Panel xmlns:s="library://ns.adobe.com/flex/spark"
         xmlns:fx="http://ns.adobe.com/mxml/2009"
         dropShadowVisible="false"
         backgroundAlpha="0"
         controlBarVisible="false"
         borderVisible="false">
    <s:VGroup>
        <s:Button label="A button" width="150" height="55"/>
    </s:VGroup>
</s:Panel>

Answer 1

所以，这就是我做到的。我做了一个自定义皮肤：HeaderlessPanelSkin.as

public class HeaderlessPanelSkin extends PanelSkin {
   public function HeaderlessPanelSkin() {
        super();

        topGroup.includeInLayout = false;
    }
}

然后，在面板中，我只引用了新皮肤：skinClass="HeaderlessPanelSkin"

应该这样做：）

Answer 2

创建新皮肤，并在面板声明中使用它......就像这样

文件 - ＆gt;新的MXML皮肤，主机组件是面板。

编辑外观属性以根据需要更改它，在这种情况下是标题上的渐变颜色。

Answer 3

听起来像Panel TitleBar

创建自定义外观并为标题栏设置样式的样式。