Dessiner une forme ou un chemin dans votre projet Silverlight 2
.png "Cette page s’applique uniquement aux projets Silverlight 2")
Tous les outils et fonctionnalités de dessin Windows Presentation Foundation sont disponibles pour les projets Silverlight 2 dans Microsoft Expression Blend 2 avec Service Pack 1 installé. Vous pouvez dessiner des formes, des tracés et des contrôles pour concevoir l’interface utilisateur de votre application Silverlight 2. Les éléments que vous dessinez deviennent des objets dans votre application.
Pour tracer une forme
Dans la Boîte à outils, sélectionnez l’un des outils de forme suivants : Rectangle
.png "Dd185502.81ffc148-cf5c-4faf-bd3f-f38d3073a12c(fr-fr,Expression.10).png")
ou Ellipse .png "Dd185502.8938cfdf-9b75-4a33-bc88-b0636e114a0d(fr-fr,Expression.10).png")
..gif "Conseil")
Conseil :Pour afficher tous les outils de dessin, cliquez avec le bouton droit sur l’outil visible dans la boîte à outils. L’outil Ligne crée un tracé (voir plus loin dans cette rubrique).
.png "Dd185502.8fbbbb21-be83-4cf6-903b-3a49f00c9860(fr-fr,Expression.10).png")
Sur la planche graphique, tracez la forme en faisant glisser votre souris.
À mesure que le dessin progresse, vous constatez que les dimensions en hauteur et en largeur apparaissent ainsi :
.png "Dd185502.b9dabf44-71aa-43cb-b4eb-f020a21b8756(fr-fr,Expression.10).png")
Conseil :Maintenir la touche Maj enfoncée tout en faisant glisser la souris conserve la hauteur et la largeur. Ainsi, un carré apparaît lorsque vous tracez un rectangle ou un cercle parfait apparaît lorsque vous tracez une ellipse.
Conseil :Maintenir la touche Alt enfoncée tout en faisant glisser la souris place le point central au premier point où vous cliquez au lieu de faire de l’angle supérieur gauche de la forme le premier point que vous cliquez.
Après avoir relâché le bouton de la souris, les poignées de translation apparaissent pour la mise à l’échelle, la rotation, le retournement et les autres actions que vous pouvez effectuer sur l’objet de forme. Le pointeur de la souris change pour indique quelle action vous pouvez effectuer, comme dans l’illustration ci-dessous.
.png "Dd185502.84261e83-3091-4490-ab58-4218b188439e(fr-fr,Expression.10).png")
Enregistrer vos modifications (Ctrl+S).
Étapes suivantes
Pour dessiner un tracé
Dans la Boîte à outils, sélectionnez l’un des outils de tracé suivants : Plume
.png "Dd185502.894f8612-e0ed-4e00-84cf-a9bc8f38fc54(fr-fr,Expression.10).png")
ou Crayon .png "Dd185502.509dc167-734f-46c9-b012-987ee63450cd(fr-fr,Expression.10).png")
.Conseil :Pour afficher tous les outils de tracé, cliquez avec le bouton droit sur l’outil visible dans la boîte à outils.
.png "Dd185502.717956a8-b6a5-4e37-8af3-70bcfc78c82a(fr-fr,Expression.10).png")
Sur la planche graphique, dessinez un tracé en effectuant l’une des opérations suivantes :
Faites glisser l’outil Crayon sur la planche graphique pour produire un pixel à chaque endroit qui jouxte le pointeur de la souris
Avec l’outil Plume, cliquez sur la planche graphique pour produire des points (ou sommets) qui composent un tracé. Éventuellement, faites glisser la souris pour produire des courbes à chaque point. Pour fermer le tracé, cliquez sur le premier point. Pour quitter l’outil Plume sans fermer le tracé, sélectionnez un autre outil ou sélectionnez un objet sous Objets et chronologie.
Après avoir terminé le tracé, les poignées de translation apparaissent pour la mise à l’échelle, la rotation, le retournement et les autres actions que vous pouvez effectuer sur le tracé. Le pointeur de la souris change pour indique quelle action vous pouvez effectuer avec l’outil Sélection
.png "Dd185502.2ff91340-477e-4efa-a0f7-af20851e4daa(fr-fr,Expression.10).png")
..png "Dd185502.69c37d95-ec79-4885-9a63-9d26a596d31c(fr-fr,Expression.10).png")
Pour modifier des points individuels sur le tracé, cliquez sur l’outil Sélection directe
.png "Dd185502.6dd6571f-c116-451d-8dd2-1f88b8406362(fr-fr,Expression.10).png")
. Le tracé affiche des points individuels et des segments de ligne que vous pouvez cliquer et déplacer. Pour une liste des moyens de modifier les tracés, voir Utilisation des Outils Plume et Sélection directe..png "Dd185502.1cb49b7a-7490-49af-b966-a719e48d8815(fr-fr,Expression.10).png")
Enregistrer vos modifications (Ctrl+S).
Étapes suivantes
Pour tracer une ligne
Dans la Boîte à outils, sélectionnez l’outil Ligne
.png "Dd185502.eb618397-5283-48be-8396-3449be7b6fbf(fr-fr,Expression.10).png")
.Conseil :Si vous ne pouvez pas voir l’outil Ligne, cliquez avec le bouton droit sur le conteneur de l’outil dans la boîte à outils et sélectionnez l’outil Ligne.
.png "Dd185502.7431f56c-f3fe-4825-b6fb-6dac229422fd(fr-fr,Expression.10).png")
Sur la planche graphique, tracez la ligne en faisant glisser votre souris.
Conseil :Maintenir la touche Maj enfoncée tout en faisant glisser la souris contraindra l’angle de la ligne à des multiples de 15 degrés.
Conseil :Maintenir la touche Alt enfoncée tout en faisant glisser la souris place le point central au premier point où vous cliquez au lieu de faire du point de départ le premier point que vous cliquez.
Après avoir relâché le bouton de la souris, les poignées de translation apparaissent pour la mise à l’échelle, la rotation, le retournement et les autres actions que vous pouvez effectuer. Le pointeur de la souris change pour indique quelle action vous pouvez effectuer avec l’outil Sélection
.Pour modifier le point de départ ou de fin, cliquez sur l’outil Sélection directe
. La ligne, qui est un tracé, affiche des points individuels que vous pouvez cliquer et déplacer. Pour une liste des moyens de modifier les tracés, voir Utilisation des Outils Plume et Sélection directe.Enregistrer vos modifications (Ctrl+S).