WPF : Pourquoi créer un data binding par code ?

labgate — Sat, 29 Sep 2012 15:12:23 +0000

Introduction
Le data binding en WPF est un processus qui permet de lier une propriété d’un objet source à une propriété d’un objet cible. Cela se fait aisément avec le langage XAML. Mais il y a des cas où le code XAML ne suffit pas. C’est le cas par exemple où l’on doit pouvoir ajouter ou supprimer dynamiquement le binding.

Préparation
Pour cet exercice nous allons créer un projet WPF et y ajouter quelques contrôles de la façon suivante :

Lancer Visual Studio et Créer un projet de type WPF Application.
Dans l’explorateur de solution (Solution Explorer), double cliquer sur MainWindow.xaml pour ouvrir le designer XAML.
Ajouter un contrôle Slider nommé slider1.
Ajouter un contrôle Label nommé label1.
Ajouter un contrôle CheckBox nommé checkBox1.

Binding par XAML
Dans cette partie, nous allons faire le binding avec du XAML. Le but ici est de lier la propriété Value du Slider à la propriété Content du Label.
Pour réaliser cela, il faut remplacer la valeur de la propriété Content du Label, ce qui donne :

Content="{Binding ElementName=slider1,Path=Value}"

Compiler et exécuter l’application, changer la valeur du Slider et vous allez voir le contenu du Label changé automatiquement.

Binding par code C#
Ici ce que nous allons faire, c’est d’ajouter le data binding seulement si la CheckBox est coché et sinon supprimer le data binding.
D’où l’importance du binding par code car cela nous permet d’ajouter ou supprimer dynamiquement le binding entre deux éléments.

Pour réaliser cela, commencer par supprimer la propriété Content du Label et double cliquer sur le contrôle Window (là où le texte MainWindow est écrit dans le designer) pour implémenter la méthode Loaded.
Juste au dessus de la ligne private void Window_Loaded(object sender, RoutedEventArgs e) ajouter un attribut de type Binding à la classe MainWindow avec la ligne suivante :

private Binding MyBinding;

Dans le code de la méthode Window_Loaded ajouter les lignes suivantes :

MyBinding = new Binding();
MyBinding.ElementName = "slider1";
MyBinding.Path = new PropertyPath("Value");
// On ajoute le binding au lancement de la fenêtre
// en ajoutant la ligne suivante
label1.SetBinding(ContentProperty, MyBinding);

Compiler et exécuter votre application et vous allez retrouver les même fonctionnalités que dans la partie précédente.

Pour la gestion de notre CheckBox nous allons ajouter ces deux lignes dans la méthode Window_Loaded

checkBox1.Checked += new RoutedEventHandler(checkBox1_Checked);
checkBox1.Unchecked += new RoutedEventHandler(checkBox1_Unchecked);

Ajouter ces deux méthodes après la méthode Window_Loaded :

void checkBox1_Unchecked(object sender, RoutedEventArgs e)
{

}

void checkBox1_Checked(object sender, RoutedEventArgs e)
{

}

Maintenant à quoi servent ces deux méthodes ?
La première (checkBox1_Unchecked) sera exécutée quand vous cliquez sur la CheckBox pour la décocher et la seconde (checkBox1_Checked) sera executée quand vous cliquez sur la CheckBox pour la cocher.

Pour la première méthode nous allons supprimer le binding. Pour cela, nous allons faire appel à la méthode BindingOperations.ClearBinding comme ceci :

BindingOperations.ClearBinding(label1, ContentProperty);

Ajouter cette ligne dans la méthode checkBox1_Unchecked.

Pour la méthode checkBox1_Checked nous allons ajouter cette ligne :

BindingOperations.SetBinding(label1, ContentProperty, MyBinding);

Compiler et exécuter la solution (vous pouvez mettre en commentaire la ligne label1.SetBinding(ContentProperty, MyBinding); dans la méthode Window_Loaded pour ne pas ajouter de binding au chargement de la fenêtre), Cocher, Décocher la CheckBox, Changer la valeur du Slider et voilà.

Conclusion
Utiliser le XAML pour spécifier le binding est fort utile, mais il y a des cas où le faire par code reste une bien meilleure solution. Il faut donc être à l’aise avec le binding par XAML et par code.

Récupérer la liste des polices installées en WPF

labgate — Tue, 18 Sep 2012 16:53:12 +0000

Introduction
Ajourd’hui, nous allons apprendre à récupérer la liste des polices installées sur l’ordinateur et les afficher dans un contrôle ListBox.

Préparation

Créer un projet de type WPF Application avec Visual Studio
Ajouter un contrôle ListBox et nommez-le listBox1

Manipulations
Dans le constructeur de MainWindow, après la ligne InitializeComponent(), ajouter le code suivant :

foreach (FontFamily fontFamily in Fonts.SystemFontFamilies)
{
ListBoxItem lbi = new ListBoxItem();
lbi.Content = fontFamily.ToString();
lbi.FontFamily = fontFamily;
listBox1.Items.Add(lbi);
}

Exécuter votre projet et voilà, vous savez récupérer la liste des polices installées sur votre ordinateur.

Pour montrer l’intérêt de cette manipulation, nous allons compléter notre projet avec un contrôle RichTextBox, et changer la police du texte sélectionné.

Application
Nous allons ajouter un contrôle RichTextBox (nommé richTextBox1). Je vous laisse positionner les éléments comme vous le voulez.
Double cliquez sur le contrôle ListBox pour implémenter l’évènement SelectionChanged.

Inserer le code suivant:

richTextBox1.Selection.ApplyPropertyValue
(
FontFamilyProperty,
((ListBoxItem)listBox1.SelectedItem).FontFamily
);

Et voilà, il suffit de taper quelque chose dans le contrôle RichTextBox, sélectionnez et choisissez la police que vous voulez affecter au texte.

Conclusion
Le framework .Net met à notre disposition un ensemble d’outils nous permettant de de manipuler les polices installées sur notre machine.

Inside .Net » WPF

WPF : Pourquoi créer un data binding par code ?

Récupérer la liste des polices installées en WPF