Comment puis-je mise en page d'un formulaire dans WPF l'aide d'une grille ou d'autres contrôles pour la maintenabilité

est-il un WPF équivalent de nobr?

N'oubliez pas que vous pouvez imbriquer des panneaux:

<WrapPanel Orientation="Horizontal">
   <StackPanel Orientation="Horizontal">
      <Label>Some field</Label>
      <TextBox>Some value</TextBox>
   </StackPanel>
   <StackPanel Orientation="Horizontal">
      <Label>Another field</Label>
      <TextBox>Another value</TextBox>
   </StackPanel>
   ...
</WrapPanel>

Aussi, pour les mises en page en colonnes, le partage de la taille de la portée de la Grille peut coordonner un nombre de grilles qui l'utilisent:

<StackPanel Orientation="Vertical" Grid.IsSharedSizeScope="True">
   <Grid>
      <Grid.ColumnDefinitions>
         <ColumnDefinition Width="Auto" SharedSizeGroup="Label"/>
         <ColumnDefinition Width="*"/>
      </Grid.ColumnDefinitions>
      <Label Grid.Column="0">Some field</Label>
      <TextBox Grid.Column="1">Some value</TextBox>
   </Grid>
   <Grid>
      <Grid.ColumnDefinitions>
         <ColumnDefinition Width="Auto" SharedSizeGroup="Label"/>
         <ColumnDefinition Width="*"/>
      </Grid.ColumnDefinitions>
      <Label Grid.Column="0">Another field</Label>
      <TextBox Grid.Column="1">Another value</TextBox>
   </Grid>
</StackPanel>

Je déteste la façon dont détaillé le code XAML pour ce qui est, surtout que vous devez répéter les définitions de colonnes. Si à la structure de vos classes correctement et utiliser des modèles, il n'est pas si terrible. Et remarquez que vous ne pouvez pas garder une trace des numéros de ligne n'importe où dans ce schéma, la réorganisation des champs est simple.

OriginalL'auteur Robert Rossney

Essayer le UniformGrid de contrôle.

OriginalL'auteur Rafa Castaneda

Découvrez Karl choses.

http://web.archive.org/web/20150620104259/https://karlshifflett.wordpress.com/2008/10/23/wpf-silverlight-lob-form-layout-searching-for-a-better-solution/

Simple et propre xaml:

<pt:Form x:Name="formMain" Style="{DynamicResource standardForm}" Grid.Row="1">
  <TextBox pt:FormItem.LabelContent="_First Name" />
  <TextBox pt:FormItem.LabelContent="_Last Name"  />
  <TextBox pt:FormItem.LabelContent="_Phone" Width="150" HorizontalAlignment="Left" />
  <CheckBox pt:FormItem.LabelContent="Is _Active" />    
</pt:Form>

OriginalL'auteur Ray

Dans nos produits, nous utilisons un HeaderedContentControl pour tracer des formes dans une grille. Le modèle de contrôle dispose d'une étiquette et d'un rembourrage/marges de sorte que le contrôle du contenu est toujours espacés de manière appropriée. Dans le XAML, nous venons d'ajouter dans les colonnes.

J'avais poster quelques XAML, mais je suis dans le milieu de l'obtention d'un nouvel ordinateur mis en place. 😐 Mais d'après ce que je me souviens qu'il ressemblerait à quelque chose comme ceci:

<Style x:Key="hccFormStyle" Targettype="{x:Type HeaderedContentControl}>
... some setters for colors, margin, padding, etc...
<Setter Property="Template">
<Setter.Value>
<ControlTemplate>
  <Label Content={Binding Content} Target={Binding Tag}> <-- pass the control for the access key with the tag
  <ContentPresenter>
</ControlTemplate>
...triggers if necessary - hover states, etc...
</style>

Ensuite dans la grille, vous définissez vos lignes et de colonnes, et de mettre l'un de ces, dans chaque cellule, ou juste en bas de chaque ligne:

<HeaderedContentControl x:Name="username" Grid.Column=0 Content="User Name" Tag=textboxUserName>
 <Textbox x:Name=textboxUserName>
</HeaderedContentControl>

J'ai peut-être répondre à une question différente, mais c'est la façon dont nous présentons nos formes.

OriginalL'auteur dex3703

Je suis tombé sur ce post aujourd'hui, tout en ayant la même question en utilisant les réponses dans ce thread, je suis venu avec une gérable solution simple texte/texte paires. Pour ajouter de nouveaux champs de simplement étendre la "FormItems" de la collection.

xmlns:c="clr-namespace:Système.Collections;assembly=mscorlib"

<Window.Resources>
    <c:ArrayList x:Key="FormItems">
        <c:DictionaryEntry Key="First        Name" Value="John"/>
        <c:DictionaryEntry Key="Last Name" Value="Smith"/>
    </c:ArrayList>
</Window.Resources>

<ItemsControl ItemsSource="{StaticResource FormItems}" Grid.IsSharedSizeScope="True">
    <ItemsControl.ItemTemplate>
        <DataTemplate>
            <Grid>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="Auto" SharedSizeGroup="Label"/>
                    <ColumnDefinition/>
                </Grid.ColumnDefinitions>
                <TextBlock>
                    <Run Text="{Binding Key}"/><Run Text=": "/>
                </TextBlock>
                <TextBox Grid.Column="1" Text="{Binding Value}"/>
            </Grid>
        </DataTemplate>
    </ItemsControl.ItemTemplate>
</ItemsControl>

Il n'y a eu aucune considération pour les marges et padding, ça montre juste le concept de l'utilisation d'un DataTemplate pour réutiliser la mise en page de chaque article. Il peut être adapté pour inclure d'autres types de données et des contrôles assez facilement. Vous pourriez même utiliser le ItemTemplateSelector pour sélectionner un autre modèle basé sur le type de la DictionaryEntry.Valeur

MODIFIER

Une autre approche que j'ai trouvé qu'il est plus facile pour la liaison de données est d'utiliser Visual Studio pour créer un nouveau WPF "commande Personnalisée". Cela créera un nouveau fichier nommé Thèmes/Generic.xaml avec une nouvelle mise en page par défaut qui y sont définies. Quelques simples modifications et nous pouvons utiliser la ItemsControl pour afficher notre nouveau contrôle.

Nouvelle classe:

public class FormControlItem : ContentControl
{
    public object Field {
        get { return base.GetValue(FieldProperty); }
        set { base.SetValue(FieldProperty, value); }
    }

    static FormControlItem() {
        DefaultStyleKeyProperty.OverrideMetadata(
            typeof(FormControlItem), 
            new FrameworkPropertyMetadata(typeof(FormControlItem)));
    }

    public static readonly DependencyProperty FieldProperty =
        DependencyProperty.Register(
            "Field",
            typeof(object),
            typeof(FormControlItem),
            new FrameworkPropertyMetadata());
}

Thèmes/Generic.xaml:

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                    xmlns:local="clr-namespace:MyApplication">


    <Style TargetType="{x:Type local:FormControlItem}">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type local:FormControlItem}">
                    <Border Background="{TemplateBinding Background}"
                            BorderBrush="{TemplateBinding BorderBrush}"
                            BorderThickness="{TemplateBinding BorderThickness}">
                        <Grid>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="Auto" SharedSizeGroup="Label"/>
                                <ColumnDefinition/>
                            </Grid.ColumnDefinitions>
                            <ContentPresenter ContentSource="Field"/>
                            <ContentPresenter Grid.Column="1" ContentSource="Content"/>
                        </Grid>
                    </Border>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

</ResourceDictionary>

Exemple d'utilisation:

<ItemsControl Grid.IsSharedSizeScope="True">
    <local:FormControlItem Field="Name: ">
        <TextBox Text="{Binding Path=Name}"/>
    </local:FormControlItem>
    <local:FormControlItem Field="Type: ">
        <ComboBox 
            SelectedItem="{Binding Path=Type}"
            ItemsSource="{Binding Path=TypeValues}"/>
    </local:FormControlItem>
    <local:FormControlItem Field="Category: ">
        <TextBox Text="{Binding Path=Category}"/>
    </local:FormControlItem>
</ItemsControl>

OriginalL'auteur SilverX