Кнопка Flex без градиента - PullRequest
2 голосов
/ 20 июня 2011

как я могу создать простую кнопку в Flex (SDK 3.3) без какого-либо цвета градиента или границы? Мой CSS показан ниже. Я по-прежнему получаю градиент и другой цвет границы, я просто хочу однотонную, квадратную, однотонную кнопку.

спасибо!

Button {
    fontWeight:normal;
    color:white;
    fillAlphas: 1, 1, 1, 1;
    fillColors: "0x0087B8", "0x0087B8","0x4A1870", "0x4A1870";
    cornerRadius: 0;
    focusAlpha: 1;
    borderColor:"0x0087B8";
    borderAlpha:1;
    textRollOverColor: white;

}

1 Ответ

1 голос
/ 21 июня 2011

Спасибо за ваш вклад, мне пришлось создать программный скин, подобный этому:

    public class TIMPButtonSkin extends ProgrammaticSkin
{
    public var backgroundFillColor:Number;
    public var lineThickness:Number;

    public function TIMPButtonSkin()
    {
        super();

    }

    override protected function updateDisplayList(w:Number, h:Number):void {

        var btn:Button = parent as Button;
        btn.buttonMode = true;

        switch (name) {
            case "upSkin":
                backgroundFillColor = 0x0087B8;
                break;
            case "overSkin":
                backgroundFillColor = 0x4A1870;
                break;
            case "downSkin":
                backgroundFillColor = 0x4A1870;
                break;
            case "disabledSkin":
                break;
        }

        // Draw the box using the new values.
        var g:Graphics = graphics;
        g.clear();
        g.beginFill(backgroundFillColor,1.0);
        g.lineStyle(lineThickness, 0xFF0000);
        g.drawRect(0, 0, w, h);
        g.endFill();
    }
}

CSS выглядит так:

Button {
fontWeight:normal;
color:white;
cornerRadius: 0;
textRollOverColor: white;
textSelectedColor:white;
skin: ClassReference("TIMP.TIMPButtonSkin");  

}

...