无法在自定义面板皮肤上显示圆角答案

【问题标题】：Can't show rounded corners on custom panel skin无法在自定义面板皮肤上显示圆角
【发布时间】：2011-10-25 19:27:41
【问题描述】：

我对 Flex 4.0 还很陌生。我想更改面板标题区域的背景颜色，我发现我需要创建自定义皮肤或皮肤扩展器来完成此操作。所以我基于 Spark.PanelSkin 创建了一个名为 myPanelSkin 的皮肤。我的背景颜色工作正常，但它不再显示在组件或样式中定义的cornerRadius。

然后我尝试了另一种方法，并简单地创建了一个新皮肤作为 Spark.PanelSkin 的精确副本。它也失去了cornerRadius。

关于如何解决这个问题的任何想法。在 Flex 3 中似乎要容易得多。谢谢。

【问题讨论】：

【解决方案1】：

只需使用默认皮肤并设置其主题颜色即可。

【讨论】：

【解决方案2】：

您可以在 flex 4 中使用 CSS，以下是圆角的示例：

    s|Panel
{
    skin-class: ClassReference('skins.panda.DraggablePanel');
    border-alpha: 0;
    corner-radius: 5;
}

skin-class css 属性是 Flex 4 中 Spark Panel 的皮肤引用。但只关注 corner-radius属性，将它们设置为您喜欢的任何半径，您会看到甜美的圆角。 :)

【讨论】：