Skinning-Komponenten

Skins sind Movieclip-Symbole, die von einer Komponente zur Darstellung verwendet werden. Die meisten Skins enthalten Formen, die das Aussehen der Komponente darstellen. Einige Skins enthalten nur ActionScript-Code, der die Komponente im Dokument zeichnet.

Komponenten von Version 2 sind kompilierte Clips, Sie können ihre Elemente nicht in der Bibliothek anzeigen. Zur Flash-Installation gehören jedoch FLA-Dateien, die alle Komponenten-Skins enthalten. Diese FLA-Dateien werden Themen genannt. Jedes Thema hat ein eigenes Aussehen und Verhalten, aber enthält Skins mit denselben Symbolnamen und Verknüpfungsbezeichnern. So können Sie ein Thema auf die Bühne in einem Dokument ziehen, um sein Aussehen zu ändern. Sie können FLA-Dateien auch zum Bearbeiten von Komponenten-Skins verwenden. Die Skins befinden sich im Bedienfeld Bibliothek jeder FLA-Datei eines Themas im Ordner Themes. Weitere Informationen zu Themen finden Sie unter Themen.

Jede Komponente setzt sich aus vielen Skins zusammen. Der Pfeil nach unten der ScrollBar-Unterkomponente besteht beispielsweise aus vier Skins: ScrollDownArrowDisabled, ScrollDownArrowDown, ScrollDownArrowOver und ScrollDownArrowUp. Die ganze ScrollBar-Komponente verwendet 13 verschiedene Skin-Symbole.

Einige Skins werden von mehreren Komponenten verwendet. Beispielsweise verwenden Komponenten mit Bildlaufleisten, wie ComboBox, List und ScrollPane, die Skins im Ordner Skins der ScrollBar-Komponente. Sie können vorhandene Skins bearbeiten und neue Skins erstellen, um das Aussehen einer Komponente zu ändern.

Die AS-Datei, die jede Komponentenklasse definiert, enthält Code, der die spezifischen Skins für die Komponente lädt. Jede Komponenten-Skin entspricht einer Skin-Eigenschaft, die dem Verknüpfungsbezeichner eines Skin-Symbols zugewiesen ist. Der Down-Status (gedrückt) für den Pfeil nach unten der ScrollBar-Komponente hat beispielsweise den Skin-Eigenschaftennamen downArrowDownName. Der Standardwert der Eigenschaft downArrowDownName ist "ScrollDownArrowDown". Dies ist der Verknüpfungsbezeichner des Skin-Symbols in der FLA-Datei. Sie können eine vorhandene Skin bearbeiten und allen Komponenten zuweisen, die diese Skin verwenden, indem Sie das Skin-Symbol bearbeiten und den vorhandenen Verknüpfungsbezeichner unverändert lassen. Sie können neue Skins erstellen und auf bestimmte Komponenteninstanzen anwenden, indem Sie die Skin-Eigenschaften für eine Komponenteninstanz festlegen. Es ist nicht erforderlich, die AS-Datei der Komponente zu ändern, um deren Skin-Eigenschaften zu modifizieren. Sie können der Konstruktorfunktion der Komponente die Skin-Eigenschaftswerte übergeben, wenn die Komponente in Ihrem Dokument erstellt wird.

Die Skin-Eigenschaften der einzelnen Komponenten werden in den Einträgen der Komponenten in der Komponentenreferenz aufgelistet. Die Skin-Eigenschaften für die Button-Komponente befinden sich beispielsweise hier: Komponenten-Referenzhandbuch > Button-Komponente > Button-Komponenten anpassen > Skins für die Button-Komponente verwenden.

Im Folgenden werden die verschiedenen Methoden aufgelistet, mit denen Sie Komponenten mit Skins versehen können. Die Liste ist nach Schwierigkeitsgrad geordnet, wobei mit der einfachsten Methode begonnen wird.

Um die Skins zu ändern, die allen Instanzen einer bestimmten Komponente in einem einzelnen Dokument zugeordnet sind, kopieren und ändern Sie einzelne Skin-Elemente. Weitere Informationen finden Sie unter Komponenten-Skins in einem Dokument bearbeiten.
Diese Skinning-Methode ist besonders für Einsteiger geeignet, da sie keine Skripterstellung erfordert.
Um alle Skins in einem Dokument durch neue Skins zu ersetzen, wobei jede Komponente dasselbe Aussehen hat, wenden Sie ein Thema an. Weitere Informationen finden Sie unter Themen.
Mit dieser Skinning-Methode lässt sich eine einheitliche Gestaltung für alle Komponenten in mehreren Dokumenten erzielen.
Um die Farbe eines Skin-Elements mit einer Stileigenschaft zu verknüpfen, fügen Sie der Skin ActionScript-Code hinzu, um sie als farbiges Skin-Element zu registrieren. Weitere Informationen finden Sie unter Skin-Farbe mit Stilen verknüpfen.
Um verschiedene Skins für mehrere Instanzen derselben Komponente zu verwenden, erstellen Sie neue Skins, und legen Sie die Skin-Eigenschaften fest. Weitere Informationen hierzu finden Sie unter Neue Komponenten-Skins erstellen und Neue Skins auf Komponenten anwenden.
Um Skins in einer Unterkomponente zu bearbeiten (etwa eine Bildlaufleiste in einer List-Komponente), erstellen Sie eine Unterklasse der Komponente. Weitere Informationen finden Sie unter Neue Skins auf Unterkomponenten anwenden.
Um in einer Unterkomponente die Skins zu ersetzen, auf die von der Hauptkomponente aus nicht direkt zugegriffen werden kann (etwa auf eine List-Komponente in einer ComboBox-Komponente), ersetzen Sie die Skin-Eigenschaften im Prototyp. Weitere Informationen finden Sie unter Skin-Eigenschaften in Unterkomponente ändern.

Dieser Abschnitt enthält die folgenden Themen: