WPF数据输入窗口的最佳实践

Question

我目前正在玩弄WPF，现在我想知道一个典型的数据输入窗口（20多个文本框等）的布局是什么。

目前我正在使用像这样的网格对象（基本示例）：

    <Grid Margin="2,2,2,2">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="Auto"></ColumnDefinition>
            <ColumnDefinition Width="*"></ColumnDefinition>
        </Grid.ColumnDefinitions>

        <Grid.RowDefinitions >
            <RowDefinition Height="Auto"></RowDefinition>
            <RowDefinition Height="Auto"></RowDefinition>
            <RowDefinition Height="Auto"></RowDefinition>
            <RowDefinition Height="Auto"></RowDefinition>
            <RowDefinition Height="Auto"></RowDefinition>
            <RowDefinition Height="Auto"></RowDefinition>
            <RowDefinition Height="Auto"></RowDefinition>
            <RowDefinition Height="Auto"></RowDefinition>
        </Grid.RowDefinitions>

            <Label Grid.Row="0" Grid.Column="0">Vorname:</Label>
            <TextBox Grid.Row="0" Grid.Column="1" Text="{Binding Path=Surname, UpdateSourceTrigger=PropertyChanged}" ></TextBox>

            <Label Grid.Row="1" Grid.Column="0">Nachname:</Label>
            <TextBox Grid.Row="1" Grid.Column="1" Text="{Binding Path=ChristianName, UpdateSourceTrigger=PropertyChanged}"></TextBox>

            <Label Grid.Row="2" Grid.Column="0">Strasse (Wohnsitz):</Label>
            <TextBox Grid.Row="2" Grid.Column="1" Text="{Binding Path=Street1, UpdateSourceTrigger=PropertyChanged}"></TextBox>

            <Label Grid.Row="3" Grid.Column="0">Ort (Wohnsitz):</Label>
            <TextBox Grid.Row="3" Grid.Column="1" Text="{Binding Path=Town1, UpdateSourceTrigger=PropertyChanged}"></TextBox>

            <Label Grid.Row="4" Grid.Column="0">Postleitzahl (Wohnsitz):</Label>
            <TextBox Grid.Row="4" Grid.Column="1" Text="{Binding Path=PostalCode1, UpdateSourceTrigger=PropertyChanged}"></TextBox>

            <Label Grid.Row="5" Grid.Column="0">Bundesland (Wohnsitz):</Label>
            <TextBox Grid.Row="5" Grid.Column="1" Text="{Binding Path=State1, UpdateSourceTrigger=PropertyChanged}"></TextBox>

            <Label Grid.Row="6" Grid.Column="0">Land (Wohnsitz):</Label>
            <TextBox Grid.Row="6" Grid.Column="1" Text="{Binding Path=Country1, UpdateSourceTrigger=PropertyChanged}"></TextBox>

            <Label Grid.Row="7" Grid.Column="0">Zusatz (Wohnsitz):</Label>
            <TextBox Grid.Row="7" Grid.Column="1" Text="{Binding Path=AdditionalAdrInfo1, UpdateSourceTrigger=PropertyChanged}"></TextBox>

    </Grid>

基本上这满足了我所有的布局需求，但是如果我想改变一些东西，比如在第三行添加一个新的文本框怎么办？

目前我必须更改大于3的每个单独的Grid.Row属性，但这不可能是WPF的意图方式！？

其他人如何布置复杂的数据输入窗口？

tia

- marc.d

Answer 1

个人而言，我非常喜欢AutoGrid：http://www.codeplex.com/wpfcontrib/Wiki/View.aspx?title=AutoGrid&referringTitle=Home

- Tom

Answer 2

有些人使用嵌套的StackPanel来“解决”这个问题，但是我认为这只会引入另一个问题（代码膨胀）。我认为解决这个问题的最好方法是编写自己的面板，将子元素连续地排列在列中。我在以前的项目中就是这样做的，它具有以下几个优点：

• XAML更易读且简洁
• XAML更易于维护
• 性能更快

使用方法如下所示：

<local:FieldPanel>
    <Label>Field 1:</Label>
    <TextBox/>

    <Label>Field 2:</Label>
    <TextBox/>

    <Label>Field 3:</Label>
    <TextBox/>
</local:FieldPanel>

- Kent Boogaart

Answer 3

Karl Shifflett提供了一种不错的方法来处理WPF中的LOB表单： http://karlshifflett.wordpress.com/2008/10/23/wpf-silverlight-lob-form-layout-searching-for-a-better-solution/。

- kobusb

---

哇，这比我期望的要多得多 :) 我会试一下。 - marc.d

把英语翻译成中文。仅返回翻译文本：请不要只链接包含答案的网站，引用与问题相关的所有内容 - mkb

karlshifflett.wordpress.com不再可用。作者已删除了此网站。 - Tony

一如既往，总有回头的路：https://web.archive.org/web/20150620104259/https://karlshifflett.wordpress.com/2008/10/23/wpf-silverlight-lob-form-layout-searching-for-a-better-solution/ - Jamey

Answer 4

这里还有一个表单布局http://www.slideshare.net/ackava/ui-atoms-form-layout

- Akash Kava