Vous pouvez empêcher la mise à l’échelle d’un objet enfant lorsque vous redimensionnez son objet parent et vous pouvez l’ancrer à son objet parent de différentes façons. Vous pouvez ainsi rapidement et facilement présenter vos maquettes avec différentes mises en page. La fonction est parfaite pour concevoir des maquettes d’interface utilisateur, par exemple pour envisager la façon dont des zones de dialogue peuvent être redimensionnées sans affecter la position des commandes de dialogue.
La mise à l’échelle a été désactivée pour tous les objets, à l’exception du texte, du bouton de trophée et des lignes supérieures. L’ancrage a été appliqué à la plupart des objets, à l’exception du texte et du bouton de trophée.
L’utilisation de contraintes vous donne la possibilité de concevoir sans avoir à vous craindre qu’un redimensionnement indésirable d’un objet ait un effet négatif sur la refonte de la maquette. Si vous définissez de façon sélective quels objets seront/ne seront pas mis à l’échelle et ancrés, votre maquette réagira toujours correctement à la mise à l’échelle.
Les contraintes fonctionnent uniquement sur les relations objet parent-objet enfant, c’est-à-dire lorsqu’un objet parent (conteneur) intègre un contenu imbriqué. La mise à l’échelle et l’ancrage d’un objet enfant sont toujours réalisés par rapport à son conteneur. Par exemple, dans la conception d’UI, une maquette pourrait avoir des relations objet parent-objet enfant telles que plan de travail-sous-fenêtre, sous-fenêtre-bouton, etc.
Vous ne pouvez appliquer des contraintes qu’à partir de la sous-fenêtre Contraintes. Les commandes de la sous-fenêtre :
mise à l’échelle horizontale et verticale par rapport à la taille de son parent
ancrage d’un objet par son bord supérieur, gauche, droit et/ou inférieur par rapport au bord équivalent de son objet parent.
Par défaut, le contenu imbriqué se mettra à l’échelle lorsque son conteneur sera redimensionné. Un objet enfant n’est pas ancré par défaut.
Verrouiller les proportions
Pour éviter qu’un objet enfant ne perde ses proportions lorsque son parent est mis à l’échelle de manière disproportionnée, vous pouvez le régler sur Ajustement min. ou Ajustement max.
Ajustement min. : lorsque l’objet parent est redimensionné de façon disproportionnée, l’objet enfant peut se mettre à l’échelle de façon à s’intégrer dans son objet parent (s’il n’est pas ancré). Utilisez cette option pour vous assurer que l’intégralité du texte est toujours affichée.
Ajustement max. : lorsque l’objet parent est redimensionné de façon disproportionnée, l’objet enfant peut se mettre à l’échelle. L’objet enfant peut dépasser la taille de son objet parent, en en dissimulant éventuellement le contenu. Si l’on prend l’exemple d’une maquette de bannière Web, un objet enfant (p. ex., une image) remplira toujours intégralement la zone de bannière l’accueillant (en évitant l’effet de barres blanches), mais il sera sujet à un découpage.
Dans les deux cas, si l’objet parent est redimensionné de façon proportionnelle, l’objet enfant se mettra également à l’échelle proportionnellement.
Pour éviter qu’un objet enfant ne se mette à l’échelle :
Sélectionnez un objet enfant.
Dans la sous-fenêtre Contraintes, cliquez sur la double flèche pleine horizontale ou verticale (ou sur les deux) dans le carré intérieur de la sous-fenêtre. Une flèche grisée en tirets signifie que la mise à l’échelle est désactivée en cas de redimensionnement de son objet parent.
Pour ancrer un objet enfant aux limites de son parent :
Sélectionnez un objet enfant.
Dans la sous-fenêtre Contraintes, cliquez sur une ligne tiretée grisée située entre le carré interne et le carré externe pour ancrer l’objet à son parent dans la direction correspondante (haut, bas, gauche ou droite). Une ligne continue signifie que l’ancrage a été appliqué.
Pour conserver les proportions d’un objet enfant :
Sélectionnez un objet enfant.
Dans la sous-fenêtre Contraintes, cliquez sur Ajustement min. ou Ajustement max.
Ajustement min. : lorsque l’objet parent est redimensionné de façon disproportionnée, l’objet enfant peut se mettre à l’échelle de façon à s’intégrer dans son objet parent (s’il n’est pas ancré). Utilisez cette option pour vous assurer que l’intégralité du texte est toujours affichée.
Ajustement max. : lorsque l’objet parent est redimensionné de façon disproportionnée, l’objet enfant peut se mettre à l’échelle. L’objet enfant peut dépasser la taille de son objet parent, en en dissimulant éventuellement le contenu. Si l’on prend l’exemple d’une maquette de bannière Web, un objet enfant (p. ex., une image) remplira toujours intégralement la zone de bannière l’accueillant (en évitant l’effet de barres blanches), mais il sera sujet à un découpage.