Modifications

Aller à : navigation, rechercher

Editeur de liste d'images (FireMonkey)

1 938 octets ajoutés, 29 mai 2015 à 14:18
m
1 version : May 21, 2015 Translation Package. LOC-18929
<ideTag id="hcFmxImageListDesigner"></ideTag>
Utilisez '''l'éditeur de liste d'images''' à la conception pour ajouter des bitmaps et des icônes à une liste d'images [[lib_fr:FMX.ImgList.TImageList|TImageList]].
 
Vous pouvez regarder la [http://youtu.be/IZfG2S9KGcU vidéo expliquant comment utiliser l'éditeur de liste d'images pour créer et modifier des listes d'images (EN)].
===Ouverture de l'éditeur de liste d'images===
[[Image:ImageListEditor.png|550px|Editeur de liste d'images]]
 
Vous pouvez utiliser [[samp_en:FMX.ImageList Sample|l'exemple ImageList]] pour tester toutes les fonctions et fonctionnalités présentées dans cette rubrique.
==Volet Liste d'images==
Le volet '''Liste d'images''' présente un aperçu de toutes les images de la collection [[lib_fr:FMX.ImgList.TImageList.Destination|Destination]] de la liste d'images [[lib_fr:FMX.ImgList.TImageList|TImageList]] en cours. Les numéros situés au-dessus des aperçus d'images indiquent l'les index (la positionles positions), en partant de zéro, des images au sein de la liste d'images. Vous pouvez déplacer un aperçu d'image à une nouvelle position pour changer la position de l'image dans la collection [[lib_fr:FMX.ImgList.TImageList.Destination|Destination]] de la liste d'images.
Sélectionnez un aperçu d'image pour afficher l'image dans le volet '''Image sélectionnée'''.
| Ajouter des images du fichier dans la liste d'images (<code>Ctrl+O</code>)
|
Ouvre la boîte de dialogue '''Ajouter des images''' qui vous permet de sélectionner une image à ajouter dans la liste d'images. L'image ajoutée apparaît en surbrillance dans la liste d'aperçus. Vous pouvez effectuer une sélection parmi des formats de fichier graphique tels que <code>.bmp</code>, <code>.png</code>, <code>.jpeg</code>, <code>.gif</code>, <code>.tiff</code>, etc. La boîte de dialogue invitant à taper le '''nom du nouvel élément source''' s'ouvre ; par défaut, elle affiche le nom du fichier sélectionné. Si la taille d'une image à ajouter est un multiple de la '''largeur''' et de la '''hauteur''' spécifiées, un message vous demande si '''l'éditeur de liste d'images''' doit diviser l'image en plusieurs images. Cela est particulièrement utile pour les bitmaps de la barre d'outils qui sont généralement composés de plusieurs petites images affichées dans un ordre précis et stockées sous la forme d'un bitmap plus grand.
Si la taille dL'une image à ajouter est un multiple de ajoutée apparaît en surbrillance dans la liste d'aperçus d'images du volet 'largeur''Liste d' et de la images'''hauteuret s'affiche dans le volet ''' spécifiées, un message vous demande si Image sélectionnée'''. Notez que l'éditeur de liste dimage est ajoutée dans la collection ''images'Source'' doit diviser l'image en plusieurs images. Cela et est particulièrement utile pour les bitmaps de la barre daffichée dans le volet '''outils qui sont généralement composés de plusieurs petites Sources des images affichées dans un ordre précis et stockées sous la forme d'un bitmap plus grand''.
|- valign="top"
| '''Supprimer'''
| Supprimer l'élément sélectionné de la liste d'images
|
Retire l'image sélectionnée du volet '''Liste d'images''' (à partir des images dans la collection [[lib_fr:FMX.ImgList.TImageList.Destination|Destination]]).<br />Notez que l'image n'est pas retirée de la liste dcollection [[lib_fr:FMX.ImgList.TImageList.Source|Source]] affichée dans le volet '''Sources des images'''.
|- valign="top"
| '''Exporter'''
|
|
Ces Les valeurs des champs '''largeurLargeur''' et '''hauteurHauteur''' sont utilisées pendant lors les commandes '''Ajouter''' et '''Exporter''' (voir la description de ces commandes).
|- valign="top"
| [[Image:New.bmp]]<br />'''Nouvelle image'''
| Ajouter une nouvelle image à la liste d'images
|
Ajoute une image sélectionnée dans les '''sources d'des images''' ou dans une couche sélectionnée dans '''l'image sélectionnée'''.<br />L'image ajoutée apparaît en surbrillance dans la liste d'aperçusd'images. Si vous avez ajouté plusieurs images, leurs numéros ont des valeurs séquentielles dans la liste d'images.
|}
==Volet Image sélectionnée==
Le '''volet Image sélectionnée''' présente des informations détaillées sur l'image de destination sélectionnée dans le volet '''Liste d'images'''. (Voir [[lib_fr:FMX.ImgList.TCustomDestinationItem.Layers|TCustomDestinationItem.Layers]].)
Pour afficher une autre image, cliquez sur un autre aperçu d'image dans le volet '''Liste d'images'''.
| Ajouter une nouvelle couche dans l'image sélectionnée
|
Ajoute une nouvelle couche dans le volet '''Image sélectionnée'''. (Voir [[lib_fr:FMX.ImgList.TLayer|TLayer]].)<br />Lorsqu'une image est sélectionnée dans le volet '''Sources ddes images'''images, cette commande ajoute alors une nouvelle couche contenant l'image (avec ses coordonnées et sa taille) sélectionnée dans le volet '''Sources ddes images'''images. <br />Lorsqu'une couche est sélectionnée dans le volet '''Image sélectionnée''', cette commande crée alors une copie de la couche sélectionnée.
|- valign="top"
|[[Image:MultiResBMPXAction delete.pngbmp]]<br />'''Supprimer la couche'''
| Supprimer la couche sélectionnée de l'image sélectionnée
|
Supprime la couche sélectionnée du volet '''Image sélectionnée'''.
|- valign="top"
| <br />[[Image:ArrowUparrow up.pngBMP]]<br /><br />[[Image:ArrowDownarrow down.pngBMP]]
| Déplacer vers le haut la couche sélectionnée dans l'image sélectionnée<br />
|
Avec ces flèches, vous pouvez changer l'ordre des couches.<br />
Notez que l'image d'une couche de numéro supérieur est dessinée sur les images dessinées par les couches précédentes en écrasant les parties de recouvrement des bitmaps multi-résolution des couches inférieuresde l'image générée.
|- valign="top"
| '''Afficher l'éditeur'''
Si un nom spécifié n'existe pas ou si le rectangle spécifié ne s'intersecte pas avec le rectangle de l'image, rien n'est alors dessiné et aucune exception n'est déclenchée. Vous pouvez lors de l'exécution définir l'image appropriée, et les images de tous les contrôles seront automatiquement mises à jour en utilisant cette image.
Typiquement, chaque image contient une seule couche. Toutefois, vous souhaiterez dans certains cas utiliser plusieurs couches pour former une image. Par exemple, il peut être pratique d'utiliser une couche distincte contenant une image représentant 'un texte barré' ou une 'loupe'. Cette couche peut alors être placée sur des couches contenant d'autres images ; par exemple, sur une couche contenant une image 'dossierliste d'images' ou une 'enveloppe'. Les deux couches peuvent alors former une image combinée, telle qu'une image 'dossier barréliste d'images barrée' ou 'loupe sur enveloppe'.
La figure suivante illustre l'utilisation de deux couches pour former une image '''Loupe sur enveloppeListe d'images barrée''' :
L'utilisation de [[Image:TwoLayers.png|250px|Deux couches]] produit l'image [[Image:ImageList.png|Liste d'images marquée d'une croixbarrée]]
Comparez l'image '''Loupe sur enveloppeListe d'images barrée''' à l'image obtenue par '''dislocation''' du rectangle de la couche supérieure, contenant l'image 'loupeTexte barré', avec <code>'''Gauche''' = 85</code> et <code>'''Haut''' = 6</code>.
Cette dislocation, est présentée dans la figure suivante :
[[Image:TwoLayersShift.png|250px|Deux couches disloquées]] produit l'image [[Image:ImageListShift.png|Liste d'images marquée d'une croix décalée]]
Si le rectangle affiché dans le volet couche Couche couvre (montre) uniquement la partie du bitmap multi-résolution entier utilisée par la couche, ce rectangle peut alors être déplacé sur l'image entière. Pour illustrer cette fonctionnalité, chargez une grande image dans une couche.
Par exemple, chargez la grande image '''My 1''' avec <code>Largeur = 80</code> et <code>Hauteur = 32</code> :
[[Image:My 1 Picture.png|My_1_Picture]]
Si vous définissez <code>Largeur = 16</code> et <code>Hauteur = 16</code> pour réduire la taille du rectangle affiché dans le volet coucheCouche, ce dernier ressemble à ceci :
[[Image:My 1 Picture 2.png|My_1_Picture avec le rectangle redimensionné]]
Pour illustrer ce qui se produit, double-cliquez sur un bitmap multi-résolution dans un volet couche Couche pour activer [[Editeur MultiResBitmap|l'éditeur MultiResBitmap]]. '''L'éditeur MultiResBitmap ''' présente le bitmap multi-résolution entier. Dans ce bitmap, vous apercevez le rectangle sélectionné qui correspond au rectangle affiché dans la couche, et voyez que ce rectangle montre la même image que dans la couche :
[[Image:MultiResBitmapEditor My 1.png|Editeur MultiResBitmap pour My_1_Picture]]
A l'aide de la souris, vous pouvez déplacer et redimensionner le rectangle sélectionné comme une fenêtre d'affichage sur le bitmap entier. Voyez quelle partie du bitmap apparaît dans le volet coucheCouche. Si vous placez le pointeur de la souris dans le volet coucheCouche, vous pouvez alors déplacer le rectangle affiché en utilisant 'CTRL + molette de la souris' ou en cliquant sur les flèches gauche et droite dans la partie supérieure du volet coucheCouche.
==Volet Sources des images==
Affiche Le volet '''Sources des images''' affiche toutes les images de dans la collection [[lib_fr:FMX.ImgList.TImageList.Source|Source]] de la liste d'images [[lib_fr:FMX.ImgList.TImageList|TImageList]] en cours. Ce Ces images sont les images utilisées pour construire des images dans la collection [[lib_fr:FMX.ImgList.TImageList.Destination|Destination]] (affichées dans le volet '''Liste d'images''').
Notez que lorsque vous '''supprimez''' un aperçu d'image de la collection '''Liste d'images''', l'image source n'est pas supprimée dans la collection '''Sources des images'''. Utilisez le bouton d'outil [[Image:MultiResBMPXAction delete.pngbmp]] '''Supprimer la source''' pour supprimer un élément de la collection '''Sources des images'''.
{|
Ce bouton montre le message demandant le '''nom du nouvel élément source''' puis active [[Editeur MultiResBitmap|l'éditeur MultiResBitmap]]. A l'aide de [[Editeur MultiResBitmap|l'éditeur MultiResBitmap]], vous pouvez ajouter plusieurs images optimisées pour différentes échelles. Lors de l'exécution, une application sélectionne l'image ayant l'échelle la plus appropriée.
|- valign="top"
|[[Image:MultiResBMPXAction delete.pngbmp]]<br />'''Supprimer la source'''
| Supprimer l'élément sélectionné de Sources des images
|
Supprime l'élément sélectionné de la collection Sources.
|- valign="top"
| <br />[[Image:ArrowUparrow up.pngBMP]]<br /><br /><br />[[Image:ArrowDownarrow down.pngBMP]]
| Déplacer vers le haut l'élément sélectionné dans Sources des images<br />
|
|
La sélection de la commande '''Afficher l'éditeur''' (à partir du menu contextuel) ou un double-clic sur une image a pour effet d'activer [[Editeur MultiResBitmap|l'éditeur MultiResBitmap]], dans lequel vous pouvez modifier le bitmap multi-résolution sélectionné. (Voir [[lib_fr:FMX.ImgList.TLayer.MultiResBitmap|TLayer.MultiResBitmap]].)
|}
==Voir aussi==
<!-- * [http://youtu.be/IZfG2S9KGcU Vidéo expliquant comment utiliser l'éditeur de liste d'images pour créer et modifier des listes d'images (EN)] Présentation des fonctionnalités avancées et non triviales de l'éditeur de listes d'images. * [[Using TImageList Image Lists as Centralized Collections of Images|Utilisation des listes d'images de TImageList en tant que collections centralisées d'images]] -->* [http://youtu.be/QI_dwMWtpuc Vidéo présentant les étapes typiques nécessaires à la création d'une nouvelle liste d'images dans votre projet FireMonkey (EN)]  * [[samp_en:FMX.ImageList Sample|Exemple FMX.ImageList]]* [http://youtu.be/oAEHD44BnQQ Vidéo présentant les fonctionnalités programmées dans 'Exemple FMX.ImageList' (EN)] 
* [[lib_fr:FMX.ImgList.TImageList|FMX.ImgList.TImageList]]
* [[Editeur MultiResBitmap|Editeur MultiResBitmap]]
* [http://youtu.be/oFl925XuFgc Vidéo présentant l'usage typique de l'éditeur MultiResBitmap (EN)]
* [[Editeur de liste d'images|Editeur de liste d'images (VCL)]]
[[Category:FMX]]
[[Category:XE8]]
 
[[en:Image List Editor (FireMonkey)]]
[[de:Bilderlisten-Editor (FireMonkey)]]
[[ja:画像リスト エディタ(FireMonkey)]]
14 347
modifications

Menu de navigation