WPF开发：如何从用户控件修改宿主窗口SelectionGrid中的控件

嗨，这个需求其实很常见，核心是要解决用户控件和主窗口之间的通信问题——毕竟用户控件不能直接去访问主窗口的私有控件（不符合封装原则），咱们用「事件通知」的方式来实现最稳妥，下面一步步给你讲：

步骤1：在用户控件里定义自定义事件 #

以你的Menu用户控件为例，咱们在里面定义一个事件，用来告诉主窗口「我要切换成另一个控件啦」。

// MenuUserControl.xaml.cs
public partial class MenuUserControl : UserControl
{
    // 定义自定义事件，参数用来传递要切换的目标控件
    public event EventHandler<ControlChangeEventArgs> RequestControlChange;

    public MenuUserControl()
    {
        InitializeComponent();
    }

    // 按钮点击事件，触发自定义事件
    private void SwitchToNewControlBtn_Click(object sender, RoutedEventArgs e)
    {
        // 触发事件，传递要切换的新控件实例（这里以SettingUserControl为例）
        RequestControlChange?.Invoke(this, new ControlChangeEventArgs(new SettingUserControl()));
    }
}

// 自定义事件参数类，用来携带要添加的新控件
public class ControlChangeEventArgs : EventArgs
{
    public UserControl TargetControl { get; }

    public ControlChangeEventArgs(UserControl targetControl)
    {
        TargetControl = targetControl;
    }
}

步骤2：主窗口订阅事件并处理控件切换 #

在主窗口里，当加载MenuUserControl的时候，订阅它的自定义事件，然后在事件处理方法里操作SelectionGrid：

// MainWindow.xaml.cs
public partial class MainWindow : Window
{
    public MainWindow()
    {
        InitializeComponent();
        // 初始化时先把Menu控件加到SelectionGrid里
        LoadMenuControl();
    }

    private void LoadMenuControl()
    {
        var menuControl = new MenuUserControl();
        // 订阅切换事件
        menuControl.RequestControlChange += MenuControl_RequestControlChange;
        // 清空Grid并添加Menu控件（假设Grid只有一个子控件位置）
        SelectionGrid.Children.Clear();
        SelectionGrid.Children.Add(menuControl);
        // 设置控件占满Grid的布局
        Grid.SetRow(menuControl, 0);
        Grid.SetColumn(menuControl, 0);
    }

    private void MenuControl_RequestControlChange(object sender, ControlChangeEventArgs e)
    {
        // 移除当前触发事件的Menu控件
        SelectionGrid.Children.Remove(sender as UIElement);
        // 添加新的目标控件
        var newControl = e.TargetControl;
        SelectionGrid.Children.Add(newControl);
        // 设置新控件的布局
        Grid.SetRow(newControl, 0);
        Grid.SetColumn(newControl, 0);
    }
}

进阶：用MVVM模式实现（更优雅的方式） #

如果你的项目采用MVVM架构，完全可以不用事件，而是通过绑定ContentControl的Content属性来实现控件切换，耦合度更低：

ViewModel部分： #

public class MainViewModel : INotifyPropertyChanged
{
    private object _currentView;
    public object CurrentView
    {
        get => _currentView;
        set
        {
            _currentView = value;
            OnPropertyChanged();
        }
    }

    public ICommand SwitchToSettingCommand { get; }

    public MainViewModel()
    {
        // 默认显示Menu视图
        CurrentView = new MenuViewModel();
        SwitchToSettingCommand = new RelayCommand(() => CurrentView = new SettingViewModel());
    }

    public event PropertyChangedEventHandler PropertyChanged;
    protected void OnPropertyChanged([CallerMemberName] string propertyName = null)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

主窗口XAML部分： #

<Window ...>
    <Grid x:Name="SelectionGrid">
        <ContentControl Content="{Binding CurrentView}">
            <ContentControl.Resources>
                <DataTemplate DataType="{x:Type local:MenuViewModel}">
                    <local:MenuUserControl />
                </DataTemplate>
                <DataTemplate DataType="{x:Type local:SettingViewModel}">
                    <local:SettingUserControl />
                </DataTemplate>
            </ContentControl.Resources>
        </ContentControl>
    </Grid>
</Window>

这种方式完全遵循WPF的设计理念，适合复杂项目的长期维护。

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