Anpassen der ScrollPane-Komponente
ScrollPane-Komponenten können sowohl beim Authoring als auch zur Laufzeit horizontal und vertikal transformiert werden. 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 und Methoden der ScrollPane-Klasse, zum Beispiel
height
,
width
,
scaleX
und
scaleY
.
Die ScrollPane-Komponente hat die folgenden grafischen Merkmale:
-
Die Einfügemarke (auch
Ursprung
oder
Nullpunkt
genannt) des Inhalts befindet sich oben links im Bereich.
-
Bei deaktivierter horizontaler Bildlaufleiste wird die vertikale Bildlaufleiste von oben nach unten an der rechten Seite des Bildlauffensters angezeigt. Bei deaktivierter vertikaler Bildlaufleiste wird die horizontale Bildlaufleiste von links nach rechts am unteren Rand des Bildlauffensters angezeigt. Es lassen sich auch beide Bildlaufleisten deaktivieren.
-
Wenn das Bildlauffenster zu klein ist, werden die Inhalte möglicherweise nicht korrekt angezeigt.
-
Wenn die Größe des Bildlauffensters geändert wird, werden die Spur der Bildlaufleiste und das Bildlauffeld entsprechend vergrößert oder verkleinert und die Größe der Kollisionsbereiche wird entsprechend angepasst. Die Schaltflächen behalten ihre ursprüngliche Größe bei.
Verwenden von Stilen mit der ScrollPane-Komponente
Die Stileigenschaften der ScrollPane-Komponente legen die Werte für Skins und Auffüllung des Layouts beim Zeichnen der Komponente fest. Die unterschiedlichen Skin-Stile ermöglichen es Ihnen, verschiedene Klassen für die Skins der Komponente anzugeben. Weitere Informationen zur Verwendung der Skin-Stile finden Sie unter
Überblick über Skins
.
-
Erstellen Sie ein neues Flash-Dokument (ActionScript 3.0).
-
Ziehen Sie eine ScrollPane-Komponente auf die Bühne und geben Sie ihr den Instanznamen
mySp
.
-
Klicken Sie im Eigenschafteninspektor auf die Registerkarte „Parameter“ und geben Sie den folgenden Wert für den
source
-Parameter ein:
http://www.helpexamples.com/flash/images/image1.jpg
.
-
Klicken Sie auf Bild 1 der Hauptzeitleiste und geben Sie im Bedienfeld „Aktionen“ den folgenden Code ein:
mySp.setStyle("contentPadding", 5);
Die Auffüllung wird zwischen dem Rahmen und dem Inhalt der Komponente außen an den Bildlaufleisten angewendet.
-
Wählen Sie „Steuerung“ > „Film testen“.
Skins und die ScrollPane-Komponente
|
|
|
|
|
Rechtliche Hinweise | Online-Datenschutzrichtlinie