-
之前自己做过一个wpf的项目实践,主页面左侧是个listbox,每次选择改变后呈现对应的页面,界面图如下:
要实现这样一个功能,我之前是采用传统方式实现的,本节我采用CM框架下的Conductor去实现,这样代码量可以大幅度压缩,核心代码就一行。
传统方式后台代码:
①定义集合并添加数据:
public IViewModel ActiveWindowView { get; set; }
public ObservableCollection ListBoxItems { get; set; }
public string SelectedItem { get; set; }
ListBoxItems = new ObservableCollection() { };
ListBoxItems.Add("ShellView");
ListBoxItems.Add("EventAggregatorView");
ListBoxItems.Add("ConductorView");
ListBoxItems.Add("MatchTemplateView");
ListBoxItems.Add("IndicatorLightView");
ListBoxItems.Add("MemorandumView");
ListBoxItems.Add("FTPTestView");
②listbox选择改变后切换页面:
public void ListBoxItems_SelectionChanged()
{
switch(SelectedItem)
{
case "ShellView":
ActiveWindowView = new ShellViewModel();break;
case "EventAggregatorView":
ActiveWindowView = EventAggregatorViewModel.Instance; break;
case "ConductorView":
ActiveWindowView = new ConductorViewModel(); break;
case "MatchTemplateView":
ActiveWindowView = new MatchTemplateViewModel(); break;
case "IndicatorLightView":
ActiveWindowView = new IndicatorLightViewModel(); break;
case "MemorandumView":
ActiveWindowView = IoC.Get(); break;
case "FTPTestView":
ActiveWindowView = new FTPTestViewModel(new FTPConfig()); break;
default:break;
}
}
③前台绑定:
利用CM框架下Conductor实现
① 后台代码:
首先是需要继承Conductor.Collection.OneActive这样才能使用这个类下面的方法和属性,其次是构造函数需要添加接收的接口
IEnumerable,这样改造完代码如下:
public MainWindowViewModel(IEnumerable modules)
{
Items.AddRange(modules);
ActivateItem(Items.FirstOrDefault(vm => vm.GetType() ==typeof(IndicatorLightViewModel)));
}
如果不考虑首次激活的页面那核心代码就只有一句:
Items.AddRange(modules);
②前台代码:
这样前后台就设置完事了,继承了一个框架的多屏幕管理类,使得前后台代码大幅度精简,功能上也没打折扣,准确说是更强大了,这就是CM框架的优势所在。