Création d'icônes personnalisées pour la palette de composants de page et l'interface de création de contenu Web

Si vous utilisez des icônes à échelle multiple, chaque image individuelle correspond à une entrée unique dans le fichier ZIP. Les images portant le même nom de base représentent une icône logique. Les éléments qui varient d'une image à l'autre sont la taille, la classe d'unité et l'environnement local. Ces variantes sont organisées dans la structure suivante :

<Width>x<Height>/<FileName>_<DeviceClass>_<Locale>_<TextDirection>.<Suffix>

Où <Width> et <Height> regroupent les icônes en fonction de leur taille. Ces valeurs se trouvent dans un répertoire de niveau supérieur obligatoire. <DeviceClass>, <Locale> et <TextDirection> sont des identificateurs facultatifs. Les variantes ne sont pas incluses dans le nom de base. Le format du nom de base de l'image est <FileName>.<Suffix>, par exemple, Applications.png. L'illustration suivante représente un exemple de structure de répertoire dans un fichier compressé. Cet exemple de structure de répertoire définit les variantes de l'icône Applications.png :

32x32/
     Applications_ar.png
     Applications_he.png
     Applications_ltr.png
     Applications.png
64x64
     Applications_de_de.png
     Applications_de.png
     Applications_rtl.png
     Applications.png
     Applications_tablet_de.png
     Applications_tablet.png

Il existe deux variations de taille, 32x32 et 64x64, pour Applications.png. La variation de taille la plus basse (32x32) définit une icône pour les variations ar et he, en plus d'une icône de rétromigration générique. La variation de taille la plus basse définit également une icône pour les langues qui se lisent de gauche à droite en incluant une variation <TextDirection> qui spécifie ltr. La variation de taille la plus élevée (64x64) inclut une variation pour de_de qui spécifie l'allemand dans l'environnement local allemand, en plus d'une icône de rétromigration pour de. La variation de taille <TextDirection> qui spécifie rtl définit une icône pour les langues qui se lisent de droite à gauche. Les variations <DeviceClass> sont également incluses pour les tablettes.

Lorsque l'icône est rendue, la correspondance la plus appropriée est trouvée de la manière suivante :

1. La taille est spécifiée en fonction de la taille d'icône demandée en utilisant la distance euclidienne. Si aucune taille n'est demandée, la taille la plus grande est utilisée.
2. Pour toutes les variations d'une taille spécifiée, la classe d'unités correspondante la plus appropriée est utilisée.
3. Pour toutes les variations d'une taille et d'une classe d'unité spécifiées, l'environnement local correspondant le plus approprié est utilisé.