Загрузите несколько UserControls в окне WPF

Question

У меня есть окно, на которое я загружаю UserControl, скажем Control1. Теперь, если пользователь нажимает на определенную кнопку, новый пользовательский контроллер Control2 должен быть загружен в окне, а Control1 должен исчезнуть. То же самое, когда пользователь нажимает кнопку, должен быть загружен следующий UserControl, Control3 и Control2 должен исчезнуть. Должно быть возможно также вернуться назад, например. от Control3 до Control2.

Загрузка первого основного UserControl в моем окне была простой, я сделал это более чем достаточно. Но я зациклился на том, как реализовать «навигацию» между Usercontrols. Никогда раньше ничего подобного не делал. Я использую MVVM для своего приложения WPF. Есть идеи?

Thx.

Edit: с ответом Рахили теперь я сделать это в команде, чтобы переключить элементы управления: В MainWindow:

<DataTemplate DataType="{x:Type ViewModel:MainControlViewModel}"> 
<my:MainControl /> 
</DataTemplate> 
<DataTemplate DataType="{x:Type ViewModel:ProductsControlViewModel}"> 
<my:ProductsControl /> 
</DataTemplate> 


<Grid> 
<ContentControl Content="{Binding CurrentPageViewModel, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" /> 
</Grid> 

В MainControlViewModel и почти то же самое в изделияМинимойкиПрочее:

public ICommand LoadProductControlCommand 
{ 
    get 
    { 
    if (_loadProductControl == null) 
     _loadProductControl = new RelayCommand(LoadProductControl); 
    return _loadProductControl; 
    } 
} 

private void LoadProductControl(object notUsed) 
{ 
    _mainWindowViewModel = (MainWindowViewModel) Application.Current.MainWindow.DataContext; 
    _mainWindowViewModel.CurrentPageViewModel = new ProductsControlViewModel(); 
} 

Это хороший способ, или я должен делать это по-другому? Потому что в моем приложении кнопки находятся на элементах управления, а не в главном окне.

Answer 1

Комментарий Рэйчел помог мне найти решение.

Answer 2

Поместите ContentPresenter в MainWindow, как это:

<ContentPresenter Content="{Binding ActiveWidget}"/> 

, а затем в ViewModel

public ViewModelBase ActiveWidget {get;set;} // Don't forget INotifyPropertyChanged!! 

, то вы должны создать DataTemplate для каждого ViewModel с, соответствующий ему экземпляр UserControl с. См. This Article для общего решения.