January 3rd, 2010

Merry Christmas : LevelIndicator

Développement, by Toumaille.

Le LevelIndicator permet de visualiser un niveau. On lui donne en paramètre une valeur “variable” et une valeur “maximale” de référence.

  • Sa représentation est customisable (dans une certaine limite) grâce à une feuille de style
  • Il dispose de trois Skins ( BAR_VIEW / PERCENT_VIEW / VALUE_VIEW ) commutable en cliquant dessus

.

Le LevelIndicator dans tout ses états :D

• pour l’utiliser :

Ça ce passe comme ça

Ça ce passe comme ça

• La variable “debugMode”

sert uniquement à afficher une délimitation visuelle de l’espace qu’occupe le LevelIndicator

debugMode : true

debugMode : true

• La variable “selected”

est utile dans le cas où le LevelIndicator est utilisé dans un élément graphique qui est selectionable. C’est juste au cas ou… En gros ça lui confère une vue plus simplette.

selected : true

selected : true

• La variable “viewMode”

permet de changer l’affichage du LevelIndicator en 2 autres déclinaisons au niveau des Skins

1) Le Skin “LevelIndicatorPercentSkin” :

qui permet d’avoir un affichage du niveau en pourcentage.

(celui-ci change de couleur en fonction du niveau)

15 %

ViewMode.PERCENT_VIEW

50 %64 %100 %

2) Le Skin “LevelIndicatorValueSkin” :

affiche directement la valeur du niveau

1

ViewMode.VALUE_VIEW

• Le CSS

permet de s’affranchir d’images et donc de pouvoir re-dimensionner sans pour autant se prendre du gros PIXEL dans les yeux.

transforms: Scale { x : 2.0, y : 2.0 }

transforms: Scale { x : 2.0, y : 2.0 }

• See

• Get

Back Top

ComboButtons Say Well-it-come: to the brand new TabbedPane

Responses to “Merry Christmas : LevelIndicator”

Leave a Reply

Back Top