I am using Caliburn.Micro as my MVVM framework in a WPF application. I am trying to include several custom user controls in one page which change dynamical,c#,wpf,xaml,mvvm,caliburn.micro"/>

时间戳

首页 > 解决方案 > Caliburn.Micro - 如何从继承的 ViewModel 在 WPF 视图中显示多个项目：导体.Collection.AllActive

I am using Caliburn.Micro as my MVVM framework in a WPF application. I am trying to include several custom user controls in one page which change dynamical

c# - Caliburn.Micro - 如何从继承的 ViewModel 在 WPF 视图中显示多个项目：导体.Collection.AllActive

I am using Caliburn.Micro as my MVVM framework in a WPF application. I am trying to include several custom user controls in one page which change dynamical

问题描述

I am using Caliburn.Micro as my MVVM framework in a WPF application. I am trying to include several custom user controls in one page which change dynamically based on user interaction. I understand that the CM convention is that the View will bind to the Items property within the ViewModel.

My question is:

  1. How do I get access to each item within the Items collection property of the ViewModel in my View?

  2. Can I individually place each item on the parent View page as I would normally be able to do with a normal WPF Control?

The basic appearance of the view page is shown here. View page layout

The basic ViewModel code:

  public class TestViewModel : Conductor<object>.Collection.AllActive
    {
        public TestViewModel()
        {
            Items.Add(new CustomUC1ViewModel());
            Items.Add(new CustomUC2ViewModel());
            Items.Add(new CustomUC3ViewModel());
        }
        //following logic would reassign the Items collection as required
    }

The ViewModels attached to Items would change dynamically based on user interaction with the parent page and the embedded user controls.

I hope the above makes sense (this is my first ever post).

I think it's done using AgileBit's 1Password extension

标签： c#wpfxamlmvvmcaliburn.micro

解决方案

我想出了我的问题的答案。通过将我的用户控件视图分配为IScreenViewModel 中的属性，我可以通过命名 aContentControl来匹配 ViewModel 中的相关属性，从而在视图中的任何位置定位用户控件。NotifyOfPropertyChange()如果在 setter 中使用，可以更改 ViewModel 中的相关属性并相应地更新视图。

在 MyViewModel 中：

public class MyViewModel : Conductor<object>.Collection.AllActive 
{
    //the user control property where MainContent = new OtherViewModel()
    private IScreen _mainContent;
    public IScreen MainContent
    {
        get { return _mainContent; }
        set 
        {
            _mainContent = value;
            NotifyOfPropertyChange(() => MainContent);
        }
    }
}

在 XAML 中的 MyView 中：

<ContentControl x:Name="MainContent"/>

ViewModel 中的Items属性仅用于管理活动窗口的生命周期。我能够根据需要使用多个<ContentControl x:name="ViewModelProperty">来动态放置自定义用户控件。

推荐阅读