Blog RIA.do.be

Lorsque l’on définit le style d’un composant, on ne définit en général que les styles que l’on souhaite modifier. Or, si le composant peut s’intégrer à plusieurs applications différentes, il se peut que certains styles par défaut soient redéfinis par celle-ci, ce qui modifie également l’aspect de notre composant.  

La gestion du focus est un point important à considérer pour plusieurs raisons :

• La représentation du focus à l’utilisateur est un feedback pour aider au répérage.
• Cela augmente l’accessibilité des applications.
• Les designers qui ne sont pas habitués à de l’applicatif négligent souvent ce point.
• Ce détail fait partie intégrante d’une interface. Flex gère de façon native le focus. Il le donne par défaut au premier élément cliquable de la DisplayList. Il le propage ensuite de composant en composant en parcourant l’arbre. L’élément possédant le focus est identifiable grâce à un halo bleu autour de lui. On notera que si on veut enlever tout simplement cet effet, il suffit de spécifier la focusSkin du composant comme ceci :

Button {
focusSkin : ClassReference("mx.skin.ProgrammaticSkin");
}

Par contre, dans le cas d’une application entièrement reskinnée, il conviendra de prendre aussi en compte le design du focus (le bleu ciel d’Adobe s’intègrant mal avec un design recherché…)