Question

我想设置MX面板的背景颜色。我可以更改标题的文字颜色，但不能更改背景颜色。

我使用下面的代码：

.Panel {
        textAlign: center;
        borderColor: #33cccc;
        borderThicknessLeft: 6;
        borderThicknessTop: 0;
        borderThicknessBottom: 10;
        borderThicknessRight: 6;
        roundedBottomCorners: true;
        cornerRadius: 8;
        headerHeight: 22;
        backgroundAlpha: 0.97;
        highlightAlphas: 0.34, 0.06;
        dropShadowEnabled: true;
        shadowDistance: 8;
        shadowDirection: left;
        dropShadowColor: #5b3d24;
        titleStyleName: "mypanelTitle"; 

    }

    .mypanelTitle {
        background-color: #5b3d24;
        color: #5b3d24;
        background: #5b3d24;
        fontFamily: Arial;
        fontSize: 12;
        fontWeight: bold;
    }

请帮我设置标题颜色。

由于卡皮尔

Answer 1

你尝试过backgroundColor吗？对于mx：Panel（flex 4.6），它适用于我。

<强> 更新：

抱歉，我之前的回答不正确。如果您使用Halo主题，则可以尝试使用headerColors样式属性（我现在无法测试）。

第二种方式 - 为标题创建自己的自定义皮肤。它看起来像下一个：

Main.mxml

<mx:Panel x="428" y="21" width="250" height="200" layout="absolute" title="Title Text" titleBackgroundSkin="CustomTitleBackgroundSkin">

CustomTitleBackgroundSkin.as

package
{
import mx.core.UIComponent;

public class CustomTitleBackgroundSkin extends UIComponent
{
    public function CustomTitleBackgroundSkin()
    {
        super();
    }

    override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void
    {
        graphics.clear();
        graphics.beginFill(0xff0000);
        graphics.drawRect(0, 0, width, height);
        graphics.endFill();
    }
}
}

P.S。在css属性中，titleBackgroundSkin将会是下一个：

    .panel {
        titleBackgroundSkin: ClassReference("CustomTitleBackgroundSkin");
    }

如何设置MX面板标题的背面颜色

1 个答案: