Composants Flash CS3 : le meilleur set sera gratuit?
Par -Alexandre LEGOUT aka LAlex- le 26 octobre 2007, 12:15 - Liens - Lien permanent
Trouver un set de composants de base pour Flash CS3, à part celui développé par Grant Skinner dont tout le monde se plaint, c'est pas facile. Trouver un set de composants faciles à personnaliser, c'est encore moins facile.
Alors quand un "frenchy" s'apprête à proposer les Liquid Components, un set de composants de base qui répond à tous les besoins des graphistes (et des autres utilisateurs de Flash CS3) en terme de personnalisation, et qu'en plus on sait qu'il les mettra à disposition gratuitement, obligé d'en parler!
Les Liquid Components partent d'un principe de base: comment un graphiste qui crée des RIAs simples peut-il intégrer des composants à un visuel fin et travaillé sans que ca jure, et sans demander de connaissances de codeur? En utilisant un systême de skins Bitmap. Pensé par Didier Brun (Foxy) depuis maintenant bien 5 ans, l'AS3 et l'arrivée de BitmapData lui ont enfin permi de mettre au point un système analogue au 9-slices grid, mais dédié au bitmap, dotant les Liquid Components d'un système de skining révolutionnaire pour Flash: un composant = un bitmap. En gros, c'est la première fois qu'on peut faire du vrai skinning sur des composants (optimisé de surcroit grace à l'utilisation des bitmaps), à opposer au styling (système de personnalisation des couleurs, polices et autres paramètres prédéfinis).
Et comme si ça ne suffisait pas, les Liquid Components proposent également:
- du live skinning: chargement de skins bitmap à la volée (runtime).
- un inspecteur de composant propriétaire, qui change la vie (fini les tableaux de 20 éléments sur une seule ligne, ou le parcours de la bibliothèque pour retrouver un identifiant de liaison)
- un composant de base pour faire du 9-slices grid sur des images bitmaps
- la gestion du livepreview concernant les tailles, polices, etc...
- la possibilité d'associer une icone bitmap à n'importe quel texte, et donc d'avoir des icônes pour un label, un élément de liste, un élément de combobox, etc...
- pour les codeurs, un accés facile à tous les éléments d'un composant grâce à la composition.
- des possibilités de styling à double entrée: myComponent.setStyle("font", "Arial") pour l'utilisation dynamique (styling via XML par exemple) / myComponent.font = "Arial" pour un accés typé aux propriétés de styling
Bon, et histoire de faire le beau un peu, je précise juste que j'ai suivi le projet de prés: j'avais même implémenté la première version de la grille servant au skinning (AS2 à l'époque), que Didier brillamment amélioré et porté en AS3. Je suis content de voir que mes conseils et avis ont aidé le projet à avancer, et espère bien continuer à y contribuer.
En fait, pour toutes les infos, il suffit d'aller sur la page officielle de
ByteArray.org. 
Commentaires
Salut LAlex,
Yeah c'est une super nouvelle
Ca promet quelque chose de vraiment
chouette ! J'en profite un peu au passage pour parler de mon projet AS3
OpenSource masapi (http://masapi.googlecode.com) qui concerne
la gestion du Massive Loading ^^
@++
bonjour,
Au risque de paraître un peu bête, je pose quand même ma question...
J'essaye d'utiliser ces liquid components (je trouve l'idée de ce skinning géniale !), mais voila, quand je drag and drop la liquid scrollbar sur un champ de texte dynamique (où je charge du xml), la scrollbar ne se met pas à la taille du champ texte et de plus n'y est aucunement associée. Pas moyen de l'associer autrement car il n'y a pas de champ target dans les propriétés. De plus, je ne vois pas ce fameux inspecteur de composant propriétaire (qui à l'air si pratique dans la démo) mais bien le classique de flash.
Alors ou bien c'est moi qui comprends rien à la vie ou il y a un problème
Pouvez-vous m'aider svp ?
merci d'avance
PS : déso d'utiliser les commentaires pour une question
@marg> Si tu as accés aux LiquidComponents, cela veut probablement dire que tu es également inscrit sur le forum lié à ce beta-test... C'est plutôt sur celui-ci que tu devrais poser ce type de question!
Fil des commentaires de ce billet