2011-01-07 15 views
1

Ich versuche, die Scroller in meiner Anwendung, um die Haut, so dass es wie das Beispiel in http://insideria.com/2009/11/flex-101-customize-scrollbars.htmlFlex 4 - Scroller Haut

Dieses Beispiel erwähnt aussieht wurde in Flex getan 3 und Bildern werden in CSS festgelegt.

Ich habe versucht, eine Skin für die Komponente Auswahlrad und sah zu schaffen, dass es VScrollBar und HScrollBar verwendet. Ich habe versucht, Skins für diese Komponenten zu setzen. VScrollBar verwendet separate Skins für die Schaltflächen Track, Daumen, Dekrement/Inkrement.

Ich habe versucht, einige Änderungen in der Haut zu machen, aber sie wurden überhaupt nicht in der Anwendung wiedergegeben.

Kann mir jemand sagen, ob ich in die richtige Richtung gehe?

Ich möchte nur eine benutzerdefinierte Bildlaufleiste in Flex 4 mit benutzerdefinierten Daumen erstellen. Würde mich freuen, wenn Sie mir dazu Vorschläge machen könnten.

Antwort

2

Haut erstellen Dateien für Folgendes: VScrollBarSkin, VScrollBarThumbSkin, VScrollBarTrackSkin, HScrollBarSkin, HScrollBarThumbSkin und HScrollBarTrackSkin. (Ich verwende normalerweise die Standard-Skins als Ausgangspunkt.) Stellen Sie sicher, dass sich die Dateien VScrollBarSkin und HScrollBarSkin auf Ihre neuen Track-/Thumb-Skins beziehen. Dann setzen Sie sie in Ihrem CSS wie folgt:

s|HScrollBar { 
    skinClass: ClassReference("my.path.to.skins.HScrollBarSkin"); 
} 

s|VScrollBar { 
    skinClass: ClassReference("my.path.to.skins.VScrollBarSkin"); 
} 

Hoffe, dass hilft.