相同XAML复用结构绑定不同数据源的实现方法（WPF+MVVM+C#）

嘿，我太懂你这种被重复XAML折磨的感觉了——明明逻辑完全一致，却要复制粘贴一堆代码，后续改个样式或者逻辑都要挨个找，简直是维护噩梦！针对你这个绑定到VerbFormsViewModel_PresentIndicative的WPF MVVM（C#）项目，我给你几个实战性拉满的精简方案，都是日常开发里常用的：

要是你的重复内容都是针对VerbFormsViewModel_PresentIndicative这个类型的UI展示，那全局DataTemplate绝对是首选——相当于给这个ViewModel定制了一套专属UI模板，只要你用控件绑定这个ViewModel，就会自动套用这套模板，根本不用重复写UI代码。

比如在Window.Resources或者App.xaml里定义全局模板：

<Window.Resources>
    <DataTemplate DataType="{x:Type local:VerbFormsViewModel_PresentIndicative}">
        <!-- 这里放你之前重复的所有XAML内容，比如动词变位的输入项 -->
        <StackPanel Margin="10">
            <TextBlock Text="第一人称单数：" FontWeight="Bold"/>
            <TextBox Text="{Binding FirstPersonSingular}" Margin="0,0,0,5"/>
            <TextBlock Text="第一人称复数：" FontWeight="Bold"/>
            <TextBox Text="{Binding FirstPersonPlural}" Margin="0,0,0,5"/>
            <!-- 其他重复的变位项都放这里 -->
        </StackPanel>
    </DataTemplate>
</Window.Resources>

之后在主页面里只用一行代码就能展示整个UI：

<ContentControl Content="{Binding VerbFormsViewModel_PresentIndicative}" />

如果重复的是一组有特定功能的UI单元（比如单个动词变位的输入行），把它封装成自定义UserControl是更灵活的选择——把需要绑定的属性暴露成依赖属性，主页面里直接引用就行，还能随时调整组件样式。

比如创建VerbFormInput.xaml：

<UserControl x:Class="YourProject.VerbFormInput"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <StackPanel Orientation="Horizontal" Margin="5">
        <TextBlock Text="{Binding LabelText}" Width="120" FontWeight="Bold"/>
        <TextBox Text="{Binding FormValue}" Width="180"/>
    </StackPanel>
</UserControl>

然后在代码后台定义依赖属性：

public partial class VerbFormInput : UserControl
{
    public static readonly DependencyProperty LabelTextProperty =
        DependencyProperty.Register(nameof(LabelText), typeof(string), typeof(VerbFormInput));

    public static readonly DependencyProperty FormValueProperty =
        DependencyProperty.Register(nameof(FormValue), typeof(string), typeof(VerbFormInput));

    public string LabelText
    {
        get => (string)GetValue(LabelTextProperty);
        set => SetValue(LabelTextProperty, value);
    }

    public string FormValue
    {
        get => (string)GetValue(FormValueProperty);
        set => SetValue(FormValueProperty, value);
    }

    public VerbFormInput()
    {
        InitializeComponent();
        DataContext = this;
    }
}

主页面里引用就变得超简洁：

<local:VerbFormInput LabelText="第一人称单数：" FormValue="{Binding VerbFormsViewModel_PresentIndicative.FirstPersonSingular}"/>
<local:VerbFormInput LabelText="第一人称复数：" FormValue="{Binding VerbFormsViewModel_PresentIndicative.FirstPersonPlural}"/>

如果重复的是控件的样式（比如字体、边距、颜色），那全局Style能帮你省去大量重复的属性设置——定义一次，所有同类型控件自动应用。

比如在资源里定义：

<Window.Resources>
    <Style TargetType="TextBox">
        <Setter Property="Margin" Value="0,0,0,5"/>
        <Setter Property="Padding" Value="3"/>
        <Setter Property="FontSize" Value="14"/>
    </Style>
    <Style TargetType="TextBlock">
        <Setter Property="Margin" Value="0,5,0,0"/>
        <Setter Property="Foreground" Value="#2c3e50"/>
    </Style>
</Window.Resources>

之后所有TextBox和TextBlock都会自动拥有这些样式，不用再挨个写属性。

要是你的重复内容是一系列同结构的项（比如不同人称的动词变位列表），把ViewModel里的变位项做成集合，用ItemsControl结合ItemTemplate来渲染，一次性解决重复问题。

首先在ViewModel里定义集合：

public class VerbFormsViewModel_PresentIndicative
{
    public ObservableCollection<VerbFormItem> FormItems { get; set; } = new();

    // 初始化时添加所有变位项
    public VerbFormsViewModel_PresentIndicative()
    {
        FormItems.Add(new VerbFormItem { PersonLabel = "第一人称单数：", FormValue = "" });
        FormItems.Add(new VerbFormItem { PersonLabel = "第一人称复数：", FormValue = "" });
        // 其他变位项
    }
}

public class VerbFormItem
{
    public string PersonLabel { get; set; }
    public string FormValue { get; set; }
}

然后XAML里只用写一次模板：

<ItemsControl ItemsSource="{Binding VerbFormsViewModel_PresentIndicative.FormItems}">
    <ItemsControl.ItemTemplate>
        <DataTemplate>
            <StackPanel Orientation="Horizontal" Margin="5">
                <TextBlock Text="{Binding PersonLabel}" Width="120" FontWeight="Bold"/>
                <TextBox Text="{Binding FormValue}" Width="180"/>
            </StackPanel>
        </DataTemplate>
    </ItemsControl.ItemTemplate>
</ItemsControl>

不管后续要加多少变位项，只需要在ViewModel里添加集合元素就行，XAML完全不用改。

这些方案还可以组合使用，比如先封装UserControl，再用ItemsControl批量渲染，根据你的具体重复场景选最合适的就行！

内容的提问来源于stack exchange，提问作者TheFaithfulLearner