WPF应用相似窗口代码重复问题解决方案咨询

这是WPF开发中特别常见的代码复用场景，我来给你几个落地性强的解决方案，你可以根据自己的项目情况选：

方案一：创建基础窗口基类（最推荐） #

核心思路是把菜单、标题、工具栏这些通用部分封装到一个基类窗口里，给中间的可变区域留一个“插槽”，让两个业务窗口继承这个基类后，只需要实现自己的中间内容。

步骤1：定义基类窗口 #

先写基类的XAML（注意基类要继承自Window，并且用ContentControl作为中间可变区域的容器）：

<Window x:Class="YourApp.BaseWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="通用标题" Height="450" Width="800">
    <DockPanel>
        <!-- 通用菜单 -->
        <Menu DockPanel.Dock="Top">
            <MenuItem Header="文件">
                <MenuItem Header="保存"/>
                <MenuItem Header="退出"/>
            </MenuItem>
        </Menu>
        <!-- 通用工具栏 -->
        <ToolBar DockPanel.Dock="Top">
            <Button Content="刷新"/>
            <Button Content="导出"/>
        </ToolBar>
        <!-- 可变内容插槽 -->
        <ContentControl x:Name="MainContentArea"/>
    </DockPanel>
</Window>

然后在基类的代码后台定义一个依赖属性，方便子类设置中间内容：

public partial class BaseWindow : Window
{
    public static readonly DependencyProperty MainContentProperty =
        DependencyProperty.Register(nameof(MainContent), typeof(object), typeof(BaseWindow),
            new PropertyMetadata(null, (d, e) => ((BaseWindow)d).MainContentArea.Content = e.NewValue));

    public object MainContent
    {
        get => GetValue(MainContentProperty);
        set => SetValue(MainContentProperty, value);
    }

    public BaseWindow()
    {
        InitializeComponent();
    }
}

步骤2：子类窗口继承并实现内容 #

比如第一个窗口，只需要在XAML里继承基类，然后设置MainContent为自己的StackPanel：

<local:BaseWindow x:Class="YourApp.FirstWindow"
                  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                  xmlns:local="clr-namespace:YourApp">
    <local:BaseWindow.MainContent>
        <StackPanel>
            <!-- 这里放10个TextField和按钮等控件 -->
            <TextBox Margin="5" PlaceholderText="输入内容1"/>
            <TextBox Margin="5" PlaceholderText="输入内容2"/>
            <!-- ... 剩下的8个 -->
            <Button Margin="5" Content="提交"/>
        </StackPanel>
    </local:BaseWindow.MainContent>
</local:BaseWindow>

第二个窗口同理，只需要替换MainContent里的内容即可，完全不用重复写菜单和工具栏。

方案二：提取通用部分为UserControl #

如果不想用继承，也可以把菜单、标题、工具栏做成一个独立的UserControl，然后在两个窗口里引用这个控件，再添加各自的中间内容。

步骤1：创建通用UserControl #

<UserControl x:Class="YourApp.CommonHeaderControl"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <DockPanel>
        <!-- 通用菜单 -->
        <Menu DockPanel.Dock="Top">
            <!-- 菜单内容和之前一样 -->
        </Menu>
        <!-- 通用工具栏 -->
        <ToolBar DockPanel.Dock="Top">
            <!-- 工具栏内容和之前一样 -->
        </ToolBar>
        <!-- 留一个插槽让窗口自行填充内容 -->
        <ContentPresenter x:Name="ContentSlot"/>
    </DockPanel>
</UserControl>

步骤2：在窗口里引用 #

<Window x:Class="YourApp.FirstWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:local="clr-namespace:YourApp">
    <local:CommonHeaderControl>
        <local:CommonHeaderControl.ContentSlot>
            <!-- 这里放第一个窗口的中间内容 -->
        </local:CommonHeaderControl.ContentSlot>
    </local:CommonHeaderControl>
</Window>

这个方法比继承简单，但复用性不如基类，适合通用部分逻辑较少的场景。

方案三：MVVM模式下用DataTemplate切换内容 #

如果你的项目用MVVM，那可以做一个主窗口，通用部分固定，中间用ContentControl绑定ViewModel，然后通过DataTemplate来匹配不同的ViewModel显示不同的内容。

示例代码 #

主窗口XAML：

<Window x:Class="YourApp.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:local="clr-namespace:YourApp">
    <DockPanel>
        <!-- 通用菜单和工具栏 -->
        <Menu DockPanel.Dock="Top">...</Menu>
        <ToolBar DockPanel.Dock="Top">...</ToolBar>
        <!-- 根据ViewModel切换内容 -->
        <ContentControl Content="{Binding CurrentViewModel}"/>
    </DockPanel>
    <Window.Resources>
        <!-- 第一个内容的模板 -->
        <DataTemplate DataType="{x:Type local:FirstViewModel}">
            <StackPanel>
                <!-- 第一个窗口的内容 -->
            </StackPanel>
        </DataTemplate>
        <!-- 第二个内容的模板 -->
        <DataTemplate DataType="{x:Type local:SecondViewModel}">
            <StackPanel>
                <!-- 第二个窗口的内容 -->
            </StackPanel>
        </DataTemplate>
    </Window.Resources>
</Window>

然后在ViewModel里通过切换CurrentViewModel的值，就能显示不同的内容，完全不用重复创建窗口，复用性最强，适合复杂项目。

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