Objets à 9 tranches
Les objets 9 Slice (parfois appelés 9 Patch) sont des objets avec des marges définies par l'utilisateur qui divisent une image en 9 sections et modifient la manière dont l'objet se met à l'échelle.
Les objets 9 Slice sont souvent utilisés lors de la création d'interfaces utilisateur ou d'autres éléments de projet qui doivent conserver certaines apparences lors du redimensionnement.
En général, 3 choses se passent lorsque vous redimensionnez un objet 9 Slice :
- Les coins sont déplacés.
- Les zones latérales sont étirées.
- La partie centrale est seulement mise à l'échelle.
Si vous partez du graphique ci-dessous et essayez de l'échelle, vous pouvez facilement voir les différences entre un objet 9 Slice et un graphique normal.
Graphique normal (sans marges 9 Slice) mis à l'échelle horizontalement à 230 %. Remarquez comment les coins de l'image sont étirés et ne semblent pas carrés.
Convertissez le graphique original en un objet 9 Slice, avec des marges de 20 % (lignes rouges).
Si vous redimensionnez l'objet 9 Slice à 230 % horizontalement, vous pouvez voir que les coins de l'objet maintiennent leur forme.
Créer des objets 9 Slice
Vous pouvez transformer n'importe quel graphique en un objet 9 Slice. Pour ce faire, ouvrez la Bibliothèque d'Actifs puis naviguez jusqu'au graphique que vous souhaitez transformer en objet 9 Slice.
Lorsque vous trouvez votre graphique, touchez et maintenez votre doigt dessus jusqu'à ce que le menu Menu d'Actifs apparaisse. Dans le menu d'actifs, sélectionnez "Convertir en 9-Slice".
La conversion en 9 Slice créera automatiquement toutes les marges à 40 % pour vous.
Modifier les marges par défaut
Si vous souhaitez modifier les marges par défaut, sélectionnez "Aperçu" dans le menu d'actifs.
La "Prévisualisation 9-Slice" montre visuellement les lignes de marge sur votre graphique, et a des champs de saisie avec la position de la marge (en pourcentage de votre graphique).
Pour changer la marge, vous pouvez toucher et déplacer les cercles blancs sur chaque ligne de marge, ou entrer les nombres manuellement. Remarquez que, lorsque vous faites glisser les lignes de marge, les champs de saisie manuels sont automatiquement mis à jour avec le nouveau pourcentage de position.
Modifier les marges spécifiques à l'objet
Vous pouvez également changer les marges pour chaque objet 9 Slice spécifique que vous ajoutez à votre scène sans affecter l'objet 9 Slice d'origine.
Pour ce faire, il vous suffit de taper sur l'objet 9 Slice sur votre toile et dans les Propriétés de l'objet, basculez vers l'onglet des Propriétés générales (le premier onglet disponible).
Dans l'onglet des Propriétés générales, vous pouvez voir les 4 marges et modifier leurs positions manuellement.