Anpassen der Slider-Komponente

Stile und die Slider-Komponente
Skins und die Slider-Komponente

Sie können die Slider-Komponente beim Authoring und zur Laufzeit horizontal transformieren. Beim Authoring wählen Sie hierzu die Komponente auf der Bühne aus und verwenden anschließend das Werkzeug „Frei transformieren“ oder die Befehle unter „Modifizieren“ > „Transformieren“. Zur Laufzeit verwenden Sie die Methode setSize() oder die entsprechenden Eigenschaften der Slider-Klasse, zum Beispiel width und scaleX .

Sie können einen Schieberegler nur verlängern, jedoch nicht die Höhe vergrößern. Flash ignoriert die height -Eigenschaft und den height-Parameter der setSize() -Methode. Sie können jedoch einen vertikalen Schieberegler erstellen und vertikal verlängern.

Stile und die Slider-Komponente

Die Stile der Slider-Komponente legen nur die Klassen für die Skins sowie einen Wert für FocusRectPadding fest, der angibt, wie viele Pixel für die Auffüllung zwischen der Begrenzungsbox der Komponente und dem äußeren Rand liegen. Weitere Informationen zum Verwenden von Skin-Stilen finden Sie unter Überblick über Skins .

Skins und die Slider-Komponente

Die Slider-Komponente verfügt über die folgenden Skins, die Sie bearbeiten können, um das Erscheinungsbild zu ändern.

Slider-Skins

Im folgenden Beispiel wird die Farbe der Up-Spur in Blau geändert.

Erstellen Sie ein neues Flash-Dokument (ActionScript 3.0).
Ziehen Sie die Slider-Komponente aus dem Bedienfeld „Komponenten“ auf die Bühne.
Doppelklicken Sie auf die Slider-Komponente, um ein Fenster mit ihren Skins zu öffnen.
Doppelklicken Sie an ihrem Registrierungspunkt auf die Up-Spur, um sie im Symbolbearbeitungsmodus zu öffnen.
Stellen Sie die Vergrößerung auf 800 % ein, um das Symbol besser bearbeiten zu können. Die Spur des Schiebereglers besteht aus drei Leisten.
Klicken Sie auf die oberste Leiste, um sie auszuwählen. Wenn sie ausgewählt ist, wird die entsprechende Farbe in der Farbauswahl „Füllung“ im Eigenschafteninspektor angezeigt.
Wählen Sie in der Farbauswahl „Füllung“ im Eigenschafteninspektor die Farbe #000066 aus, um sie für die obere Leiste der Schiebereglerspur zu verwenden.
Klicken Sie auf die mittlere Leiste der Schiebereglerspur, um sie auszuwählen. Wenn sie ausgewählt ist, wird die entsprechende Farbe in der Farbauswahl „Füllung“ im Eigenschafteninspektor angezeigt.
Wählen Sie in der Farbauswahl „Füllung“ im Eigenschafteninspektor die Farbe #0066FF aus, um sie für die mittlere Leiste der Schiebereglerspur zu verwenden.
Klicken Sie auf die untere Leiste der Schiebereglerspur, um sie auszuwählen. Wenn sie ausgewählt ist, wird die entsprechende Farbe in der Farbauswahl „Füllung“ im Eigenschafteninspektor angezeigt.
Wählen Sie in der Farbauswahl „Füllung“ im Eigenschafteninspektor die Farbe #00CCFF aus, um sie für die untere Leiste der Schiebereglerspur zu verwenden.
Klicken Sie links neben der Bearbeitungsleiste über der Bühne auf „Zurück“, um zum Dokumentbearbeitungsmodus zurückzukehren.
Wählen Sie „Steuerung“ > „Film testen“.

Der Schieberegler sollte jetzt wie in der folgenden Abbildung angezeigt werden.