Flex HSlider Degrafa

Nachdem bereits das Skinning von Charts und Buttons mit Degrafa gezeigt wurden, folgt nun ein Beispiel, wie der HSlider von Flex optisch angepasst werden kann.

Dieser sieht im Original so aus:

Flex HSlider normal

Beim Skinning werden drei Elemente angepasst:

  • der Anfasser, der im Bild als Kreis zu sehen ist (in Flex ist das ThumbSkin verantwortlich)
  • der Balken, auf dem der Anfasser bewegt wird (in Flex: trackSkin)
  • der Bereich links vom Anfasser, also das blaue Rechteck (in Flex: trackHightlightSkin)

(mehr …)