如何在TabItem中放置多个DockPanel？解决Content属性重复设置报错

这个报错的原因很明确：WPF里的TabItem（以及所有继承自ContentControl的控件）的Content属性只能接受一个直接子元素，你直接把三个DockPanel写在TabItem标签里，相当于连续三次给Content赋值，自然会触发这个错误。

要实现三个区域横向排列的需求，你只需要用一个横向布局的容器控件把这三个DockPanel包起来，作为TabItem的唯一Content子元素就行。最适合这个场景的是StackPanel（设置Orientation="Horizontal"），当然你也可以用Grid或者UniformGrid，不过StackPanel实现起来最简单直接。

下面是完整的修正代码，完全匹配你的需求：

<TabControl>
    <TabItem Header="Ana Bilgiler">
        <!-- 用横向StackPanel作为唯一的Content容器 -->
        <StackPanel Orientation="Horizontal" Spacing="20">
            <!-- 个人信息区域 -->
            <DockPanel Width="200" Margin="10">
                <StackPanel>
                    <StackPanel Orientation="Horizontal" Margin="0 0 0 10">
                        <Label Content="Name:" Width="60"/>
                        <TextBox x:Name="TextBox1" Width="120"/>
                    </StackPanel>
                    <StackPanel Orientation="Horizontal">
                        <Label Content="Surname:" Width="60"/>
                        <TextBox x:Name="TextBox2" Width="120"/>
                    </StackPanel>
                </StackPanel>
            </DockPanel>

            <!-- 位置信息区域 -->
            <DockPanel Width="200" Margin="10">
                <StackPanel>
                    <StackPanel Orientation="Horizontal" Margin="0 0 0 10">
                        <Label Content="City:" Width="60"/>
                        <TextBox x:Name="TextBox3" Width="120"/>
                    </StackPanel>
                    <StackPanel Orientation="Horizontal">
                        <Label Content="Country:" Width="60"/>
                        <TextBox x:Name="TextBox4" Width="120"/>
                    </StackPanel>
                </StackPanel>
            </DockPanel>

            <!-- 教育信息区域 -->
            <DockPanel Width="200" Margin="10">
                <StackPanel>
                    <StackPanel Orientation="Horizontal">
                        <Label Content="School:" Width="60"/>
                        <TextBox x:Name="TextBox5" Width="120"/>
                    </StackPanel>
                </StackPanel>
            </DockPanel>
        </StackPanel>
    </TabItem>
</TabControl>

代码说明： #

1. 外层用StackPanel Orientation="Horizontal"包裹三个DockPanel，确保它们横向排列，Spacing="20"可以让区域之间保持合适的间距。
2. 每个DockPanel内部用StackPanel来排版Label和TextBox，保证每个信息项的标签和输入框横向对齐，同时上下排列不同的信息项。
3. 给每个DockPanel设置了固定宽度和Margin，让整体布局更规整，你可以根据实际需求调整这些数值。

这样修改后，TabItem的Content只有一个StackPanel子元素，就不会再出现Content重复赋值的报错了，同时完美实现了你想要的横向三区域布局。

内容的提问来源于stack exchange，提问作者Ahmet Tütüncüler