Ändern Sie die Farbe eines Flex 4 Funke Button

Question

Gibt es eine einfache Möglichkeit, die Hintergrundfarbe eines Flex 4 Spark Button zu ändern, ohne die Skins zu verderben?

UPDATE: ok, es herausgefunden, einfach das chromeColor Attribut des Button mxml gesetzt.

Answer 1

Sie können den color Stil der Schaltfläche ändern. Sie können auch eine Bitmap-Füllung haben.

Aktualisieren: Die obigen Methoden ändern nicht den Hintergrund.

Einfachste Möglichkeit, den Hintergrund zu ändern, können Sie verwenden - opaqueBackground Eigenschaft.

Hier ist eine andere Möglichkeit, den Hintergrund einer Schaltfläche zu ändern, ohne ihre Haut zu ändern - 1. Erstellen Sie eine Gruppe mit einem Rechteck und Ihre Schaltfläche. 2. Setzen Sie opaqueBackground Ihrer Schaltfläche auf null. 3. Machen Sie width und height von Rechteck zu 100% 4. Welche Farbe Sie das Rechteck mit füllen, ist der Hintergrund Ihrer Schaltfläche.

Answer 2

Für Funken Komponenten können Sie chrome Stil verwenden:
<s:Button chromeColor="0xff0000" label="chrome red"/>

Answer 3

Dies kann auch über Code erfolgen wie: -

btnID.addEventListener(MouseEvent.MOUSE_OVER, textChange); 
btnID.addEventListener(MouseEvent.MOUSE_OUT, textChangeback); 

private function textChange(event:MouseEvent):void 
{ 
    btnLinkDelete.setStyle("color", 0xFFFFFF) 
    btnLinkDelete.setStyle("chromeColor", 0x535151) 
} 

private function textChangeback(event:MouseEvent):void 
{ 
    btnLinkDelete.setStyle("color", 0x000000) 
    btnLinkDelete.setStyle("chromeColor", 0xfcffff) 
} 

ich es bin Entsendung, wenn jemand will Hintergrundfarbe beim Maus-Hover ändern.