Comment puis-je aligner rapidement les contrôles dans une fenêtre WPF?

J'ai remarqué que le concepteur WPF fait un très mauvais travail sur l'harmonisation des contrôles, par rapport au concepteur Windows Forms.

Dans la fenêtre ci-dessous, je suis incapable d'aligner chaque étiquette, de sorte que le texte est sur la même ligne que le texte dans la zone de texte à côté. La première étiquette est correctement aligné, mais le concepteur WPF ne me donne pas toutes les lignes d'alignement pour aligner correctement le deuxième et le troisième.

Aussi, je ne peut pas aligner le bouton avec les étiquettes. La ligne d'accrochage met le bouton de quelques pixels vers la gauche par rapport à l'étiquette de textes.

Je ne pouvais pas trouver un moyen rapide de faire de cet alignement manuellement, l'écriture de code XAML. Mettre les commandes dans une grille, et le réglage de la marge de chaque contrôle est beaucoup de temps.

le texte d'alt http://img520.imageshack.us/img520/4843/wpfdesigneralignment.png

Connaissez-vous un moyen rapide pour aligner les contrôles WPF windows ?

OriginalL'auteur Csupor Jenő | 2009-06-24

  1. 6

    Utilisation d'une Grille de jeter hors de votre contrôle, puis assurez-vous que vous n'avez pas de remplissage sur les contrôles...sauf si bien sûr vous voulez un peu de rembourrage et de vous assurer qu'ils sont tous de même.

    Une rapide Recherche sur Google renvoyé un tutoriel de base:

    Introduction à WPF Contrôle de Grille

    +1. À l'aide d'un Canevas pour la présentation d'un formulaire est en fait la dernière chose que vous devriez faire en WPF. Sauf si vous avez absolument besoin de positionner les contrôles absolument.

    OriginalL'auteur Justin Niessner

  2. 3

    Je tought je peux éviter de faire l'alignement avec la main codé en XAML. Ce que j'ai, est-ce (les styles peuvent être réutilisés dans d'autres windows):

    <Window x:Class="WpfApplication1.Window1"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="Window1" SizeToContent="WidthAndHeight">
<Window.Resources>
<Style x:Key="ControlStyle" TargetType="Control">
<Setter Property="HorizontalAlignment" Value="Left"/>
<Setter Property="VerticalAlignment" Value="Center"/>
</Style>
<Style BasedOn="{StaticResource ControlStyle}" TargetType="Label">
<Setter Property="Margin" Value="-4,0,0,0"/>
</Style>
<Style BasedOn="{StaticResource ControlStyle}" TargetType="TextBox">
<Setter Property="Width" Value="120"/>
</Style>
<Style BasedOn="{StaticResource ControlStyle}" TargetType="Button">
<Setter Property="MinWidth" Value="70"/>
</Style>
<Style TargetType="Grid">
<Setter Property="Margin" Value="10,10,10,10"/>
</Style>
<Style x:Key="SeparatorColumn" TargetType="ColumnDefinition">
<Setter Property="Width" Value="10"/>
</Style>
<Style x:Key="SeparatorRow" TargetType="RowDefinition">
<Setter Property="Height" Value="3"/>
</Style>
</Window.Resources>
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Style="{StaticResource SeparatorColumn}"/>
<ColumnDefinition/>
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition/>
<RowDefinition Style="{StaticResource SeparatorRow}"/>
<RowDefinition/>
<RowDefinition Style="{StaticResource SeparatorRow}"/>
<RowDefinition/>
<RowDefinition Style="{StaticResource SeparatorRow}"/>
<RowDefinition/>
</Grid.RowDefinitions>
<Label Grid.Row="0" Grid.Column="0">Label:</Label>
<TextBox Grid.Row="0" Grid.Column="2">TextBox</TextBox>
<Label Grid.Row="2" Grid.Column="0">Label:</Label>
<TextBox Grid.Row="2" Grid.Column="2">TextBox</TextBox>
<Button Grid.Row="4" Grid.ColumnSpan="3">Button</Button>
<Label Grid.Row="6" Grid.Column="0">Label:</Label>
<TextBox Grid.Row="6" Grid.Column="2">TextBox</TextBox>
</Grid>
</Window>
    Avez-vous trouver mieux, des solutions plus complètes?

    OriginalL'auteur Csupor Jenő

  3. 2

    Utiliser un Panneau de contrôle (StackPanel, DockPanel, etc) pour l'alignement, vous êtes désireux, plutôt que d'utiliser la valeur par défaut de la Grille. La Grille de contrôle permet de commencer à glisser les contrôles sur la fenêtre où vous le souhaitez (sans être non structurées comme la Toile), mais ne pas faire d'hypothèses sur ce genre de modèle que vous êtes en train d'essayer de construire.

    Si la mise en page que vous essayez de conception est, en fait, une "grille" (ou un tableau, par exemple, des lignes et des colonnes), je suggère soit à l'aide de la UniformGrid de contrôle (pour espacés de manière égale dans les lignes et les colonnes) ou la Grille à hauteur/largeur définie par ligne/colonne et les marges sur tous les éléments mis à 0 (à remplir complètement sa cellule).

    Dans ce cas, il semble être une grille, à en juger par la capture d'écran. Ce genre de mise en page n'est pas amusant avec StackPanels 🙂

    OriginalL'auteur Nathan Clark

  4. 0

    Le meilleur moyen est d'utiliser la Grille ou DockPanel.

    Dans la plupart des cas, les marges ne sont pas nécessaires.

    OriginalL'auteur

  5. 0

    J'ai écrit un panneau personnalisé qui ne "formulaire de présentation" (groupes de deux colonnes, toutes les étiquettes de la même taille, tous de même taille,tout aligné, etc.), c'est sur mon blog: http://www.nbdtech.com/Blog/archive/2010/07/27/easy-form-layout-in-wpf-part-1-ndash-introducing-formpanel.aspx

    Il est conçu pour être rapide et facile à utiliser lors de l'édition de XAML, je n'ai même pas l'essayer dans le concepteur.

    OriginalL'auteur Nir