Insérer des contrôles et modifier leur comportement dans le concepteur XAMLInsert controls and modify their behavior in XAML Designer

Les contrôles permettent aux utilisateurs d'interagir avec votre application.Controls enable users to interact with your app. Elles peuvent s'avérer utiles pour collecter des informations et effectuer des actions, comme animer un objet ou interroger une source de données.You can use them to collect information and to perform actions such as animate an object or query a data source.

Ajouter des contrôles à la planche graphiqueAdd controls to the artboard

Vous pouvez faire glisser des contrôles du panneau Composants vers la planche graphique, puis les modifier dans la fenêtre Propriétés .You can drag controls from the Assets panel onto the artboard, and then modify them in the Properties window.

Blend - Assets - FlipViewBlend - Assets - FlipView

Ces vidéos vous montrent comment utiliser quelques-uns des contrôles les plus courants.These videos show you how to use some of the more common controls.

ContrôleControl Regardez une courte vidéo :Watch a short video
Menu Menu Icône de lecture Ajouter les contrôlesPlay icon Add the controls
Button Button Icône de lecture Concevoir un boutonPlay icon Design a button
Textblock Textblock Icône de lecture Ajouter des images à un bloc de textePlay icon Add images to a textblock
Slider Slider Icône de lecture Générer un curseur avec une info-bullePlay icon Build a Slider with a ToolTip

Créer un contrôle à partir d’une image, d’une forme ou d’un tracéMake a control out of an image, shape, or path

Vous pouvez transformer n'importe quel objet en contrôle.You can make any object into a control.

Boîte de dialogue Créer un contrôle dans BlendBlend Make Into Control dialog box

Par exemple, imaginez une image de téléviseur au milieu d'une page.For example, imagine a picture of a television in the center of a page. Vous pourriez créer des contrôles à partir de petites images représentant des boutons de téléviseur.You could make controls out of small images that look like television buttons. Les utilisateurs pourraient ensuite cliquer sur ces boutons pour changer de chaîne.Then, users could click those buttons to change the channel.

Cela serait possible, car les boutons seraient dès lors des contrôles.This is possible because the buttons are now controls. Les contrôles permettent de répondre aux interactions de l'utilisateur (dans ce cas, le clic de l'utilisateur sur un bouton).With controls, you can respond to user interactions; in this case, when the user clicks a button.

Pour créer un contrôle, sélectionnez un objet.To make a control, select an object. Ensuite, dans le menu Outils , cliquez sur Créer un contrôle.Then, on the Tools menu, click Make Control.

Rendre les contrôles actifsMake controls do things

Les contrôles peuvent effectuer des actions quand les utilisateurs interagissent avec eux.Controls can perform actions when users interact with them. Par exemple, ils peuvent démarrer une animation, mettre à jour une source de données ou lire une vidéo.For example, they can start an animation, update a data source or play a video.

Pour rendre des contrôles actifs, vous devez utiliser des déclencheurs, des comportementset des événements .Use triggers, behaviors, and events to make controls do things.

déclencheursTriggers

Un déclencheur modifie une propriété ou effectue une tâche en réponse à un événement ou à une modification apporté à une autre propriété.A trigger changes a property or performs a task in response to an event or a change in another property. Par exemple, vous pouvez faire en sorte qu'un bouton change de couleur quand les utilisateurs le pointent avec la souris.For example, you can change the color of a button when users hover over it.

Volet Déclencheurs

Regardez une courte vidéo : Icône de lecture Ajouter un déclencheur de propriété.Watch a short video: Play icon Add a property trigger.

comportementsBehaviors

Un comportement est un ensemble de code réutilisable.A behavior is a reusable package of code. Il permet de faire un peu plus que modifier les propriétés.It can do a bit more than change properties. Il permet d'effectuer certaines actions, comme interroger un service de données.It can perform actions such as query a data service. Blend en propose une petite collection, mais vous pouvez en ajouter d'autres.Blend comes with a small collection of them, but you can add more. Faites glisser un comportement sur un objet dans la planche graphique, puis personnalisez-le en définissant des propriétés.Drag a behavior onto any object in your artboard, and then customize the behavior by setting properties.

FluidMoveBehavior dans le volet Propriétés

Regardez une courte vidéo : Icône de lecture Conseils sur Blend : introduction à l’utilisation des comportements - Partie 1.Watch a short video: Play icon Blend tips: Intro to using behaviors Part 1.

ÉvénementsEvents

Pour un maximum de souplesse, traitez un événement.For ultimate flexibility, handle an event. Vous devrez écrire un peu de code.You'll have to write some code.

Regardez une courte vidéo : Icône de lecture Ajouter un événement de souris.Watch a short video: Play icon Add a Mouse event.