Introduction Au Data Binding De WPF - The Complete WPF Tutorial

WPF Tutorial TOC Table of Contents

Download as PDF

Download this entire tutorial as PDF, plus all the code samples, right now!

Chapter/article TOC

1. Introduction au data binding de WPF
2. Hello, bound world!
3. Utilisation de DataContext
4. Data binding via Code-behind
5. La propriété UpdateSourceTrigger
6. Répondre aux changements
7. Conversion de valeur avec IValueConverter
8. La propriété StringFormat
9. Déboguer les data bindings

A propos de WPF

• Qu'est ce que WPF ?
• WPF contre WinForms

Commencer

• Visual Studio édition Community
• Hello World en WPF

Le XAML

• Qu'est ce que le XAML ?
• XAML de base
• Les évènements en XAML

Une application WPF

• Une application WPF - Introduction
• La fenêtre (Window)
• Travailler avec App.xaml
• Les paramètres en ligne de commandes en WPF
• Ressources
• Gestion des exceptions en WPF
• Application Culture / UICulture

Les contrôles de base

• Le contrôle TextBlock
• Le contrôle TextBlock - Formatage inline
• Le contrôle Label
• Le contrôle TextBox
• Le contrôle Button
• Le contrôle CheckBox
• Le contrôle RadioButton
• Le contrôle PasswordBox
• Le contrôle Image

Concepts des contrôles

• Le contrôle ToolTips (InfoBulle)
• Rendu du texte en WPF
• Tab Order
• Access Keys

Panels

• Introduction aux Panels WPF
• Le contrôle Canvas
• Le contrôle WrapPanel
• Le StackPanel
• Le DockPanel
• La Grid
• La Grid - Lignes et Colonnes
• La Grid - Les unités
• La Grid - Extension (spanning)
• La Grid - Le séparateur
• Utiliser une Grid : un formulaire de contact

Les contrôles utilisateurs et les contrôles personnalisés

• Introduction
• Créer et utiliser un contrôle utilisateur (UserControl)

Data binding

• Introduction au data binding de WPF
• Hello, bound world!
• Utilisation de DataContext
• Data binding via Code-behind
• La propriété UpdateSourceTrigger
• Répondre aux changements
• Conversion de valeur avec IValueConverter
• La propriété StringFormat
• Déboguer les data bindings

Commandes

• Introduction aux commandes WPF
• Utiliser les commandes WPF
• Implémentation d'une commande personnalisée WPF

Dialogs

• La MessageBox
• L'OpenFileDialog
• Le SaveFileDialog
• Les autres boîtes de dialogue
• Créer une boite de dialogue personnalisée

Interfaces de contrôle communes

• Le contrôle Menu
• Le contrôle ContextMenu
• Le contrôle ToolBar
• Le contrôle WPF StatusBar
• Le contrôle Ribbon

Contrôles RichText

• Introduction to WPF Rich Text controls
• Le contrôle FlowDocumentScrollViewer
• Le Contrôle FlowDocumentPageViewer
• Le contrôle FlowDocumentReader
• Création d'un FlowDocument en Code-behind
• Contenu complexe d'un FlowDocument
• Le contrôle RichTextBox
• Comment : Créer un éditeur de texte riche

Contrôles divers

• Le contrôle Border
• Le contrôle Slider
• Le contrôle ProgressBar
• Le contrôle WebBrowser
• Le contrôle WindowsFormsHost
• Le contrôle GroupBox
• Le contrôle Calendar
• Le contrôle DatePicker
• Contrôle accordéon

Le TabControl

• Utiliser le TabControl WPF
• WPF TabControl : position des onglets
• WPF TabControl: styliser les TabItems

Les contrôles de listes

• Le contrôle ItemsControl
• Le contrôle ListBox
• Le contrôle ComboBox

Le contrôle ListView

• Introduction au control ListView
• Un exemple simple d'utilisation de ListView
• ListView, data binding et ItemTemplate
• ListView avec GridView
• How-to: ListView avec noms de colonnes alignés à gauche
• ListView et groupement de données
• Trier les données d'une ListView
• How-To: ListView avec tri par colonne
• ListView filtering

Le contrôle VueArborescente

• TreeView introduction
• A simple TreeView example
• TreeView, data binding and multiple templates
• VueArborescente - Sélection/Expansion
• Lazy loading TreeView items

Le contrôle DataGrid

• Le contrôle DataGrid
• Les colonnes de la DataGrid
• DataGrid avec détails de ligne

Les styles

• Introduction aux styles en WPF
• Utiliser les styles en WPF
• Trigger, DataTrigger & EventTrigger
• WPF MultiTrigger et MultiDataTrigger
• Trigger animations

Audio & Vidéo

• Lecture d'audio
• Lecture de vidéo
• Comment: Créer un lecteur Audio/Vidéo complet
• Speech synthesis (making WPF talk)
• Reconnaissance vocale (faire écouter WPF)

Divers

• Le DispatcherTimer
• Programmation Multi-thread avec le BackgroundWorker
• Annuler le BackgroundWorker

Création d'un jeu : SnakeWPF

• Introduction
• Creating the game area
• Créer et mettre le serpent en mouvement
• Mouvement en continu avec un DispatcherTimer
• Ajouter de la nourriture pour le serpent
• Controlling the Snake
• Détection des collisions
• Improving SnakeWPF: Making it look more like a game
• Improving SnakeWPF: Adding a high score list
• Improving SnakeWPF: Adding sound
• Jeu complet et conclusion

• WPF
• ASP.NET MVC
• ASP.NET WebForms
• C#
• CSS3
• HTML5
• JavaScript
• jQuery
• PHP5

This article has been localized into French by the community.

If you are fluent in French, then please help us - just point to any untranslated element (highlighted with a yellow left border - remember that images should have their titles translated as well!) inside the article and click the translation button to get started. Or have a look at the current translation status for the French language.

If you see a translation that you think looks wrong, then please consult the original article to make sure and then use the vote button to let us know about it.

Metadata

Please help us by translating the following metadata for the article/chapter, if they are not already translated.

If you are not satisfied with the translation of a specific metadata item, you may vote it down - when it reaches a certain negative threshold, it will be removed. Please only submit an altered translation of a metadata item if you have good reasons to do so!

Please login to translate metadata! Already logged in? Please try reloading the page!

• More info...
• Looking for the original article in English?

Data binding: Introduction au data binding de WPF

Wikipedia décrit très bien le concept de liaison de données (ou "data binding") :

La liaison de données est une technique générale qui lie deux sources de données/informations et assure la synchronisation des données entre elles.

Avec WPF, Micosoft a donné à la liaison de données une place prépondérante et dès que vous commencez à apprendre WPF, vous réaliserez que c'est un aspect important dans pratiquement tout ce que vous faites. Si vous venez du monde de WinForms, alors l’importance accordée à la liaison de données risque de vous effrayer un peu, mais une fois que vous y serez habitué, vous allez probablement l'adorer, car cela rend beaucoup de choses plus propres et plus faciles à maintenir.

Le "data binding" en WPF est le moyen privilégié pour transférer des données du code vers l'interface utilisateur. Bien sûr, vous pouvez définir les propriétés d'un contrôle manuellement ou vous pouvez remplir une ListBox en y ajoutant des éléments ainsi de suite. Mais le moyen le plus propre et le plus "pur" en WPF est d'ajouter une liaison entre la source et l'élément UI de destination.

Résumé

Dans le prochain chapitre, nous verrons un exemple simple où le data binding est utilisé et après ça nous discuterons un peu plus de toutes les possibilités. Le concept de data binding apparaît assez tôt dans ce tutoriel parce qu'il fait partie intégrante de l'utilisation de WPF, comme vous allez vous en rendre compte une fois que vous aurez exploré le reste des chapitres où il est utilisé pratiquement tout le temps.

Cependant, la partie plus théorique du "data binding" peut être un peu trop lourde si vous ne souhaitez apprendre à créer qu'une application WPF simple. Dans ce cas, je vous suggère de jeter un œil à l'article "Hello, bound world!" pour avoir un aperçu du fonctionnement de la liaison de données, puis de garder le reste des articles sur le "data binding" pour plus tard, quand vous serez prêt pour plus de théorie.

Creating & using a UserControl Previous Hello, bound world! Next This article has been fully translated into the following languages:

• Bulgarian
• Chinese
• Croatian
• Czech
• Danish
• Dutch
• French
• German
• Indonesian
• Italian
• Japanese
• Korean
• Lithuanian
• Polish
• Portuguese
• Romanian
• Russian
• Slovak
• Spanish
• Swedish
• Turkish
• Ukrainian
• Vietnamese

Is your preferred language not on the list? Click here to help us translate this article into your language!