Comment utiliser un gridsplitter dans wpf

Contenu

Choses que vous devez

div itemprop="description" class="intro marginTop" data-module="article-intro">

Cet article vous montrera comment mettre en place un WPF GridSplitter en XAML en utilisant Microsoft Visual Studio 2008. Je suis désolé pour les pauvres formatage du XAML, mais eHow n`a pas de support pour le formatage du code. Copiez le code dans votre éditeur et de remplacer toutes les occurrences de lt; avec lt; pour afficher le code correctement. Cet article suppose que le lecteur sait déjà comment utiliser le contrôle WPF Grid. La section des ressources ci-dessous contient des liens vers des livres WPF que je recommande.

Choses que vous devez

Microsoft Visual Studio 2008

Instructions

Créer une application WPF dans Visual Studio 2008 et mis en place une grille avec une ligne et deux colonnes. Ensuite, placez un bloc de texte dans chaque cellule de la grille. Le XAML devrait ressembler à ceci:
```
xmlns ="-http: //schemas.microsoft.com/winfx/2006/xaml/presentation"-
xmlns: x ="-http: //schemas.microsoft.com/winfx/2006/xaml"-
Titre ="-GridSplitter Sample"- Hauteur ="-300"- Largeur ="-300"-gt;
```
Bloc 1
Bloc 2
Ajouter un GridSplitter. Cela peut être fait dans l`une de deux façons. La première technique consiste à créer une colonne séparée ou d`une ligne dédiée à la GridSplitter. La seconde technique consiste à ajouter le GridSplitter à une colonne existante. Cet article vous montrera en utilisant la seconde technique. Ajout d`un GridSplitter de cette façon ne nécessite qu`une seule ligne de XAML:
Les contrôles de propriété horizontalAlignment de quel côté de la colonne du séparateur apparaît sur.
Notez que vous ne pouvez pas voir le séparateur lorsque vous exécutez l`application. En effet, le TextBlock est la largeur de la colonne et est calculée en avant du séparateur.
Sachez que d`une façon de résoudre ce problème serait de changer l`ordre z des contrôles soit en plaçant le GridSplitter après la TextBlock ou en définissant explicitement la propriété ZIndex. Le défaut de cette approche est que le GridSplitter masquerait le bord droit du TextBlock.
Résoudre ce dans le bon sens en fixant une marge sur le côté droit du bloc de texte afin qu`il y ait place pour le GridSplitter à coexister avec le TextBlock dans la colonne. Le code final ressemble à ceci:
```
xmlns ="-http: //schemas.microsoft.com/winfx/2006/xaml/presentation"-
xmlns: x ="-http: //schemas.microsoft.com/winfx/2006/xaml"-
Titre ="-GridSplitter Sample"- Hauteur ="-300"- Largeur ="-300"-gt;
```
Bloc de texte
Texte Bloc 2
Exécutez l`application et voir deux blocs de texte et un séparateur qui vous permettra de les redimensionner.