Wie paddingLeft und paddingRight von spark.components.Button ändern?

Question

Die Klasse 'Button' im Paket mx.controls hat den Stil 'paddingLeft' und 'paddingRight'. Aber jetzt möchte ich dieses alte Halo-Thema nicht mehr verwenden, ich bringe alles zu Spark.

Allerdings kann ich diese Füllstile nicht in spark.components.Button finden, und die Dokumentation http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/spark/components/Button.html zeigt nicht, dass Spark Button diese Stile hat.

Irgendwelche Ideen?

Answer 1

Sie müssen eine bestimmte Schaltfläche Haut erben die Standard-und fügen Sie Ihre Regel innerhalb davon.

Answer 2

Es ist eigentlich ziemlich einfach. Ich bin ziemlich neu zu biegen und (ohne etwas anderes zu tun) nach dem Lesen dieser Post:

http://inflagrantedelicto.memoryspiral.com/2010/01/skinning-a-spark-button-in-flex-4/

ich einen Funken Schaltfläche mit benutzerdefinierten erstellt linke und rechte Polsterung in weniger als einer Minute. Danke an Joseph Labrecque für seinen wunderbaren Blog!

In Flash Builder müssen Sie nur mit der rechten Maustaste auf den Ordner klicken, in dem Sie eine neue Schaltfläche erstellen möchten, und dann auf Neue MXML-Vorlage. Dies öffnet das Fenster, das Sie im obigen Link beschrieben sehen. Der Paketname ist bereits ausgefüllt (Sie können ihn ändern, wenn Sie nicht mit der rechten Maustaste auf den rechten Ordner oben geklickt haben). Geben Sie einen Namen (z. B. CustomButton im Blog) für die Skinklasse ein. Wählen Sie für Host-Komponente Durchsuchen und dann . Das Kontrollkästchen "Kopie erstellen" sollte standardmäßig ausgewählt sein. Klicken Sie dann auf Fertig stellen.

Nun müssen Sie nur noch die Datei öffnen (sie sollte standardmäßig nach dem Erstellen geöffnet werden) und dann den Abschnitt Beschriftung der Ebene 8 ändern. Für mich war es Zeile 219. Ändern Sie left="10" in die von Ihnen gewünschte Position (z. B. auf 0 für keine Auffüllung). Ähnlich für right="10". Sie können das textAlign ändern und paddingLeft oder paddingRight usw. innerhalb desselben Etiketts eingeben. Speichern Sie die Datei, wenn Sie fertig sind.

Dann innerhalb Ihrer Spark-Taste mxml Referenz in Ihrer Hauptdatei, fügen Sie einfach eine skinclass="CustomButton" in die Zeile des Codes. Ändern Sie zum Beispiel diese:

<s:button label="myOldButton" ... /> 

dazu:

<s:button label="myCustomButton" skinclass="CustomButton" ... /> 

Das ist es!