Vue d’ensemble des transformations
Vous pouvez facilement modifier des objets vectoriels et des objets texte dans Microsoft Expression Blend en repositionnant, en redimensionnant, en translatant, en mettant à l’échelle, en faisant pivoter, en inclinant, en retournant et en changeant le point central des objets. Vous pouvez modifier des objets en effectuant des modifications sur la planche graphique ou en modifiant les propriétés sous les catégories Disposition et Transformer du panneau Propriétés. En outre, vous pouvez utiliser l’outil Transformation du pinceau pour modifier seulement les propriétés du pinceau de vos objets texte et vectoriels.
Modification libre d’objets sur la planche graphique
Lorsque vous utilisez l’outil Sélection dans la Boîte à outils pour sélectionner un objet sur la planche graphique, Expression Blend affiche un rectangle englobant autour de l’objet, avec des poignées que vous pouvez utiliser pour modifier l’objet. Vous pouvez également sélectionner plusieurs objets simultanément en maintenant enfoncée la touche Ctrl (le rectangle englobant entoure alors l’ensemble des objets sélectionnés). Vous trouverez ci-après des astuces sur l’utilisation des poignées, ainsi que des images illustrant l’apparence d’un objet avant et après application d’une transformation à celui-ci.
Modification |
Avant et après |
---|---|
Repositionner Déplace un objet le long de l’axe X, Y ou Z (pour les objets en trois dimensions uniquement). Pour repositionner un objet, déplacez le pointeur sur l’objet jusqu’à ce que le pointeur se change en flèche avec une flèche plus petite à quatre pointes Le repositionnement d’un objet change les propriétés de l’objet sous Disposition dans le panneau Propriétés. Le repositionnement change simplement la position initiale de l’objet. Le repositionnement n’applique pas de transformation à l’objet sauf si vous modifiez l’objet dans un déclencheur ou une chronologie d’animation, auquel cas le repositionnement modifie les propriétés de l’onglet Translation |
Repositionnement d’un objet sur la planche graphique ![]() |
Redimensionner Modifie la hauteur, la largeur et la profondeur (pour les objets en trois dimensions uniquement) d’un objet. Pour redimensionner un objet, déplacez le pointeur sur les poignées d’angle ou les poignées du milieu d’un objet jusqu’à ce que ce pointeur se change en une flèche à deux pointes ( Le redimensionnement d’un objet change les propriétés de l’objet sous Disposition dans le panneau Propriétés. Le redimensionnement change simplement la taille initiale de l’objet. Le redimensionnement n’applique pas de transformation à l’objet sauf si vous modifiez l’objet dans un déclencheur ou une chronologie d’animation, auquel cas le redimensionnement modifie les propriétés de l’onglet Mettre à l’échelle |
Redimensionnement d’un objet sur la planche graphique ![]() |
Faire pivoter Fait pivoter un objet autour de son point central. Pour faire pivoter un objet, déplacez le pointeur sur les poignées d’angle de l’objet jusqu’à ce que le pointeur se change en poignée de rotation La rotation d’un objet modifie les propriétés de l’objet dans l’onglet Faire pivoter |
Rotation d’un objet sur la planche graphique ![]() |
Incliner Incline (distord) un objet le long de l’axe X, Y ou Z (pour les objets en trois dimensions uniquement). Pour incliner un objet, déplacez le pointeur sur les poignées du milieu de l’objet jusqu’à ce que le pointeur se change en flèche à deux pointes L’inclinaison d’un objet modifie les propriétés de l’objet dans l’onglet Incliner |
Inclinaison d’un objet sur la planche graphique ![]() |
Retourner Retourne un objet le long de l’axe X, Y ou Z (pour les objets en trois dimensions uniquement). Pour retourner un objet, déplacez le pointeur sur les poignées d’angle ou les poignées du milieu d’un objet jusqu’à ce que ce pointeur se change en une flèche à deux pointes ( Le retournement d’un objet donne les mêmes résultats que la sélection des boutons de l’onglet |
Retournement d’un objet sur la planche graphique ![]() |
Haut de la page
Modification d’objets en paramétrant des propriétés spécifiques
Vous pouvez modifier des objets de façon précise en entrant des valeurs spécifiques pour les propriétés sous Disposition et Transformer dans le panneau Propriétés. À l’aide du panneau Propriétés, vous pouvez contrôler facilement les détails des objets, tels que leur hauteur, leur largeur, leur alignement et leurs marges initiales, outre les transformations, telles que la rotation, l’angle d’inclinaison, l’angle de retournement, les valeurs de mise à l’échelle, les valeurs de translation et le point central. Pour plus d’informations sur la manière de définir des propriétés de transformation spécifiques, voir les rubriques « Comment » figurant dans Transformations.
![]() |
---|
La plupart des propriétés sous Disposition et Transformer du panneau Propriétés utilisent l’éditeur de nombre d’Expression Blend. Pour activer l’éditeur de nombre, déplacez le pointeur sur la zone de texte d’une propriété, puis cliquez et faites glisser le pointeur quand le curseur de |
Haut de la page
Modification d’objets texte
Vous pouvez appliquer aux objets texte les mêmes transformations qu’aux objets vectoriels.
Modification appliquée à un objet texte
Haut de la page
Transformation des objets
Une transformation définit le mappage des points d’un espace coordonné à un autre espace coordonné. Par exemple, si vous translatez un objet, la transformation qui est appliquée à l’objet déplace l’objet des coordonnées initiales X, Y et Z (pour les objets en trois dimensions uniquement) vers les coordonnées de destination. Si vous mettez à l’échelle un objet, la transformation qui est appliquée à l’objet redimensionne l’objet sur la base d’un pourcentage des valeurs initiales X, Y et Z (pour les objets en trois dimensions uniquement).
Vous pouvez transformer des objets en entrant des valeurs spécifiques sous Transformer dans le panneau Propriétés, ou en modifiant le point central, la rotation, l’angle d’inclinaison ou l’angle de retournement d’un objet sur la planche graphique. Les transformations sont automatiquement appliquées lors de la modification d’un objet dans la chronologie d’une animation ou un déclencheur, même si vous repositionnez ou si vous redimensionnez l’objet sur la planche graphique. Ceci conserve les valeurs initiales d’un objet.
Les propriétés de transformation sont réparties en deux catégories :
- RenderTransform La transformation est appliquée quand le cycle de disposition est terminé. L’utilisation de l’outil Sélection pour transformer un objet sur la planche graphique modifie la propriété RenderTransform.
![]() |
---|
L’utilisation des propriétés RenderTransform est idéale pour effectuer des transformations sur des objets en raison des meilleures performances de l’application. |
- LayoutTransform La transformation est appliquée en mémoire lors de la disposition, avant que l’application soit affichée à l’écran. Utilisez les propriétés de LayoutTransform quand il vous faut un élément parent pour ajuster la transformation appliquée à un élément enfant.
Haut de la page
Transformation des pinceaux appliqués à un objet
Pour transformer le remplissage, le trait, le masque d’opacité, ou tout autre pinceau appliqué à un objet, sélectionnez la propriété de pinceau dans le panneau Propriétés, puis sélectionnez l’outil Transformation du pinceau dans la boîte à outils. Une flèche de transformation du pinceau apparaît sur la planche graphique, que vous pouvez modifier avec le pointeur. Si vous utilisez un pinceau de dégradé, les points de terminaison de la flèche de transformation correspondent aux points de dégradé aux deux extrémités de la barre de couleurs. Vous pouvez modifier le comportement de l’outil Transformation du pinceau de l’une des manières suivantes :
Maintenez la touche Maj enfoncée lorsque vous faites glisser un point de terminaison pour limiter le déplacement à la ligne droite séparant les points de terminaison.
Maintenez la touche Maj enfoncée lorsque vous déplacez la totalité de la flèche pour limiter le déplacement au plan X ou Y.
Maintenez la touche Maj enfoncée lors de la rotation d’un point de terminaison pour effectuer un alignement tous les 15 degrés.
Maintenez la touche Alt enfoncée lorsque vous faites glisser un point de terminaison pour déplacer les deux points de terminaison en même temps, de manière à conserver la position du point central.
Les images suivantes montrent l’apparence d’un objet rectangle après l’application de différentes transformations au pinceau de dégradé de la propriété Fill.
Transformations appliquées au remplissage d’un rectangle : pinceau de dégradé linéaire
Transformations appliquées au remplissage d’un rectangle : pinceau de dégradé radial
Vous pouvez aussi définir les propriétés qui apparaissent quand vous cliquez sur le bouton Options sous Pinceaux dans le panneau Propriétés. Dans l’image précédente, l’option Pad est sélectionnée. Si vous avez sélectionné l’option Réfléchir ou Répéter, puis que vous avez rendu la flèche de transformation plus courte que l’objet, vous voyez un effet d’ondulation.
Vous pouvez transformer des types de pinceaux autres que les pinceaux de dégradé. Pour plus d’informations sur les transformations du pinceau, voir la section « Pinceaux » dans les rubriques Vue d’ensemble sur l’apparence et Transformer un pinceau de dégradé ou de mosaïque.
Haut de la page
Détourage
Parfois, quand vous transformez un objet, des parties de l’objet sont détourées (autrement dit, des parties disparaissent en dehors du rectangle englobant). Vous pouvez résoudre les problèmes de détourage comme suit :
Désactivez la case à cocher pour la propriété ClipToBounds sous Apparence dans le panneau Propriétés.
Utilisez les propriétés de la catégorie LayoutTransform au lieu de celles de la catégories RenderTransform sous Transformer dans le panneau Propriétés. Ceci est particulièrement utile lors de la transformation d’un pinceau visuel.
Modifiez l’objet dans la chronologie par défaut à l’aide des propriétés sous Disposition dans le panneau Propriétés avant d’appliquer des transformations ou des modifications à l’objet dans une chronologie d’animation ou un déclencheur. Ceci redimensionne et repositionne le rectangle englobant avant l’application des transformations.
Haut de la page