新建一个WPF项目,将其命名为Caliburn.Micro.BindingsDemoapp
其次安装Caliburn.Micro,安装Caliburn.Micro的同时也会安装Caliburn.Micro.Coreide
而后新建Views文件夹和ViewsModels文件夹,前者是放视图的,后者是放管理视图的VM学习
而后删掉MainWindow.xaml,是的就是删掉它,再删掉app.xaml里面的uri的引导页面,而后添加引导页面代码,以下ui
<Application.Resources> <ResourceDictionary> <ResourceDictionary.MergedDictionaries> <ResourceDictionary> <local:Bootstrapper x:Key="Bootstrapper" /> </ResourceDictionary> </ResourceDictionary.MergedDictionaries> </ResourceDictionary> </Application.Resources>
而后添加类,命名为Bootstrapper,这个就是起到引导做用,放到根目录下,起到复用的做用,以下spa
在OnStartup中就是重写了引导页面的做用,引导的页面为ShellView。3d
Bootstrapper的代码以下code
public class Bootstrapper : BootstrapperBase { private SimpleContainer container; public Bootstrapper() { Initialize(); } protected override void Configure() { container = new SimpleContainer(); container.Singleton<IWindowManager, WindowManager>(); container.PerRequest<ShellViewModel>(); } protected override void OnStartup(object sender, StartupEventArgs e) { DisplayRootViewFor<ShellViewModel>(); } protected override object GetInstance(Type service, string key) { return base.GetInstance(service, key); } protected override IEnumerable<object> GetAllInstances(Type service) { return base.GetAllInstances(service); } protected override void BuildUp(object instance) { container.BuildUp(instance); } }
其次在ViewModels中分别新建ActivityBaseViewModel,MessageActivityViewModel,PhotoActivityViewModel,ShellViewModel这四个类blog
ShellViewModel的代码以下资源
public class ShellViewModel : Screen { private ActivityBaseViewModel selectedActivity; public ShellViewModel() { Activities = new BindableCollection<ActivityBaseViewModel> { new MessageActivityViewModel("MessageOne"), new PhotoActivityViewModel("PhoneOne"), new MessageActivityViewModel("MessageTwo"), new PhotoActivityViewModel("PhoneTwo") }; } public BindableCollection<ActivityBaseViewModel> Activities { get; } public ActivityBaseViewModel SelectedActivity { get { return selectedActivity; } set { Set(ref selectedActivity, value); } } }
紧接着往Views文件建视图,分别建MessageActivityView,PhotoActivityView,ShellView,三个视图,其中ShellView用Windows窗体级别,而MessageActivityView和PhotoActivityView都是UserControl级别,由于Page放不到Windows窗体中。get
MessageActivityView视图以下
PhotoActivityView视图以下
ShellView视图以下
整个逻辑是这样,先把资源绑定到UserControl中,而后再把UserControl视图绑定到ShellView视图中,由于ShellView的视图级别是Windows的,因此是能够放UserControl。因此理一下,这篇文章讲的是绑定bindings,整个逻辑是很是的清晰的。因此看下运行后的结果
文章仅供学习参考,若有不对,请多多指教,谢谢各位看官。