Les tutoriels de Jardinamel

Posté le 24 septembre 2012
par jGromit dans le forum jalbum.net

Avec l'arrivée de Java 7 et de jAlbum 10.10.2, il est désormais possible d'utiliser des couleurs semi-transparentes dans les mises en page. Celles-ci fonctionnent dans tous les navigateurs modernes - Firefox, Chrome, Safari, et IE9. Dans IE8, IE7, et IE6, des couleurs opaques traditionnelles doivent être spécifiées. Si seulement une couleur semi-transparente est spécifiée, ces anciens navigateurs ignoreront le CSS, et ne montreront aucune couleur du tout. Les développeurs de skin doivent prendre en compte cette particularité s'ils souhaitent soutenir IE8, IE7, et/ou IE6.

Ce ne sont pas simplement des versions pâles des couleurs régulières, elles permettront, en effet, aux couleurs de fond ou aux images de "briller à travers." Par conséquent, un rouge semi-transparent sur un fond bleu apparaît violet.

Les skins doivent être modifiés afin d'utiliser des couleurs semi-transparentes. Si un skin n'a pas été ainsi modifié, et que vous spécifiez une couleur semi-transparente dans l'interface utilisateur, le skin ignorera votre choix, et utilisera la couleur opaque correspondante, à la place.

Si un skin a été modifié pour permettre la sélection des couleurs semi-transparentes, l'interface utilisateur ressemble à quelque chose comme ceci :

Le champ de texte affiche la valeur hexadécimale de la couleur. La valeur hexadécimale traditionnelle pour le rouge, par exemple, est #ff0000. Le nouveau champ hexadécimal dispose de huit caractères, au lieu de six. Les deux premiers indiquent le degré de transparence, avec 00 étant complètement transparent (invisible) et ff étant complètement opaque. Une valeur de 40 serait approximativement à 75% de transparence, une valeur de 80 serait à 50% transparent, et une valeur de cc serait à 25% transparent. Ainsi, une valeur hexadécimale de #80ff0000 serait un rouge transparent à 50%.

La palette de couleurs a été programmé pour afficher un motif en damier si vous avez sélectionné une couleur semi-transparente, et une couleur unie si vous avez sélectionné une couleur opaque.

Il y a plusieurs autres façons de spécifier une couleur semi-transparente. Si vous utilisez jAlbum sur Java 7 (la version Windows de jAlbum est maintenant livré avec Java 7), il existe un nouveau sélecteur de couleur. Si vous cliquez sur l'échantillon de couleur, puis choisissez l'onglet HSV ou HSL, il y a un curseur "Transparence" avec des valeurs en pourcentage. Déplacer le curseur vers la droite rend la couleur plus transparente.

Dans les onglets RVB et CMYK, il y a un curseur "Alpha" avec les valeurs du canal alpha. Celui-ci fonctionne dans le sens opposé; le déplacement vers la gauche rend la couleur plus transparente.

Curieusement, le champ "Code Couleur" sur l'onglet RVB n'affiche pas le code couleur à huit chiffres avec la valeur du canal alpha dans celui-ci.

Vous pouvez utiliser n'importe lequel de ces curseurs pour régler la transparence de la couleur que vous avez choisie. Si vous n'utilisez pas Java 7, la seule façon de spécifier une couleur semi-transparente est d'entrer la valeur hexadécimale à huit chiffres.