7

我想在按钮单击时更改 UserControls（我不会在这里复杂化，所以我只会提到重要的部分）。所以想法是将这些 UserControls 的 ViewModels 绑定到 ContentControl，然后使用 DataTemplates 将它们关联起来。这是代码：

<Window x:Class="Project.MainWindow">
<Window.Resources>
    <DataTemplate DataType="{x:Type UserControl:ViewUserControlViewModel}" >
        <UserControl:ViewUserControl/>
    </DataTemplate>
    <DataTemplate DataType="{x:Type UserControl:EditUserControlViewModel}" >
        <UserControl:EditUserControl/>
    </DataTemplate>
</Window.Resources>
<Grid>
    <ContentControl DataContext="{Binding UserControlViewModel}" />
    <Button Content="View" Click="ChangeToView()"/>
    <Button Content="Edit" Click="ChangeToEdit()"/>
</Grid>
</Window>

视图模型：

public class MainWindowViewModel : DependencyObject
{
    public DependencyObject UserControlViewModel
    {
        get { return (DependencyObject)GetValue(UserControlViewModelProperty); }
        set { SetValue(UserControlViewModelProperty, value); }
    }
    public static readonly DependencyProperty UserControlViewModelProperty = 
           DependencyProperty.Register("UserControlViewModel", typeof(DependencyObject), typeof(MainWindowViewModel), new PropertyMetadata());

    public MainWindowViewModel()
    {
        UserControlViewModel = new EditUserControlViewModel();
    }
}

但是有一个问题。当我开始项目时，我只看到按钮，但看不到任何用户控件。我做错了什么？

4

3 回答 3

18

如果您Window.DataContext的设置正确，MainWindowViewModel应该可以完成这项工作

<ContentControl Content="{Binding UserControlViewModel}" />
于 2012-07-19T23:59:30.790 回答
4

在执行 mvvm 时，您的视图模型应该实现 INotifyPropertyChanged 而不是从 DependencyObject 继承。

public class MainWindowViewModel : INotifyPropertyChanged
{
   private object _currentWorkspace; //instead of object type you can use a base class or interface
   public object CurrentWorkspace
   {
      get { return this._currentWorkspace; }
      set { this._currentWorkspace = value; OnPropertyChanged("CurrentWorkspace"); }
   }


   public MainWindowViewModel()
   {
      CurrentWorkspace= new EditUserControlViewModel();
   }

   //todo: to switch the workspace, create DelegeCommand/RelayCommand and set the CurrentWorkspace
   //if you don't know about these commands let me know and i post it

   public ICommand SwitchToViewCommand {get{...}}
   public ICommand SwitchToEditCommand {get{...}}
}

xaml：您应该将 Content 属性设置为 CurrentWorkspace。

<ContentPresenter Content="{Binding UserControlViewModel}" />
<Button Content="View" Comamnd="{Binding SwitchToViewCommand}"/>
<Button Content="Edit" Comamnd="{Binding SwitchToEditCommand}"/>

！不要忘记将窗口的 DataContext 设置为 MainWindowViewModel 实例。

于 2012-07-20T05:58:36.003 回答
1

首先，您应该发布 UserControl 的代码，因为（在上面的代码片段中）它负责显示一些数据。

其次，您没有在代码中绑定任何内容。

第三，您对 ViewModel 的实现是错误的。您不需要子类化 DependencyObject，而是实现 INotifyPropertyChanged 接口以建立能够通知您的视图的 ViewModel。

第四，我不知道你在做什么

<ContentControl DataContext="{Binding UserControlViewModel}" />

也许你可以进一步解释？

第五，在实现 MVVM 模式（你目前不做的）时，你应该避免使用像点击事件这样的事件，而是使用命令。

（我知道这还不是一个真正的答案，但我不想用注释语法写）

于 2012-07-19T23:38:42.633 回答