WPF中的主从(MasterDetail)实现

    下面这个例子本身来自微软官网&＃xff0c;由于没有找到官网源码&＃xff0c;我在这里自己实现了一下。还是向官网致敬。

    什么是Master-Detail&＃xff1f;直接上个图给大家看&＃xff0c;就知道了&＃xff1a;

    这看起来真复杂&＃xff0c;点中ListBox里出现的人名&＃xff0c;下面要出现这个人的具体信息&＃xff1a;姓、名、籍贯。这种应用场景还真不少。如果能够掌握岂不是爽&＃xff0c;客官不急&＃xff0c;下面听我慢慢道来。

    类似像上面这样子在某个列表中选中一项信息概要&＃xff0c;旁边某处就能够显示选中元素相应的详细信息的&＃xff0c;微软就称之为Master-Detail应用。

    好了&＃xff0c;像上面这个例子怎么实现呢&＃xff1f;我们一步一步来&＃xff0c;首先我们想到的肯定是要实现一个Person类&＃xff0c;这个类包含姓、名、籍贯。这个类的代码相信大部分人都会写&＃xff0c;如下所示&＃xff1a;

public class Person{public string FirstName { get; set; }public string LastName { get; set; }public string HomeTown { get; set; }public Person(string f, string l,string h){FirstName &＃61; f;LastName &＃61; l;HomeTown &＃61; h;}public override string ToString(){return FirstName;}}

    看&＃xff0c;这个类里面看不到一丁点与界面交互的意思&＃xff0c;全是赤裸裸的纯C#代码。不过&＃xff0c;这里隐隐的有个ToString()需要稍微解释下:

    Person类实现了ToString()方法&＃xff0c;这样子ListBox绑定包含Person的集合后&＃xff0c;不显示设置DisplayMemberPath&＃xff0c;那么就会默认调用Person的ToString()来显示每个项的内容到ListBox控件当中。

    下面是定义People类&＃xff0c;这个类是Person的集合&＃xff1a;

public class People : ObservableCollection{public People(){Add(new Person("Yun", "Ma", "HangZhou"));Add(new Person("Qiangdong", "Liu", "NanJing"));Add(new Person("Yanhong", "Li", "BeiJing"));}}

    很清晰&＃xff0c;上面代码所示&＃xff0c;添加了三个人的信息。注意没有一丁点和界面交互的意思。

    上面的两段代码添加到你的MainWindows类所在的c#源文件当中。

    XMAL中的代码如下所示&＃xff1a;

My Friends:Information:

    如上所示&＃xff0c;软件界面的ListBox和ContentControl两个最主要的控件都绑定到了MyFriends这个key所代表的资源当中。ListBox的绑定如下&＃xff1a;

ItemsSource&＃61;"{Binding Source&＃61;{StaticResource MyFriends}}"

    这个很好理解&＃xff0c;表示绑定到了Person集合People中&＃xff0c;这样子ListBox的每个项就会显示集合中的每个内容&＃xff0c;因为ListBox中省却了DisplayMemberPath属性的设置&＃xff0c;所以显示的具体内容是由集合中的每个项&＃xff08;也就是Person&＃xff09;的ToString()方法的返回值来决定的。

    ContentControl控件的绑定如下所示&＃xff1a;

Content&＃61;"{Binding Source&＃61;{StaticResource MyFriends}}"

    可能觉得比较奇怪&＃xff0c;为什么明明是内容&＃xff08;Content&＃xff09;控件&＃xff0c;为何要绑定到一个集合当中呢&＃xff1f;这里解释给大家&＃xff0c;WPF在这个地方比较智能&＃xff0c;它内部框架默认是绑定到这个绑定集合所指向的当前项&＃xff08;CurrentItem&＃xff09;。

    那好了&＃xff0c;新的问题来了&＃xff0c;ListBox当中选中集合中的某一项&＃xff0c;怎么让ContentCotrol控件中显示相应选中项的详细信息呢? 大家可能想到的一种办法是自己在C#后台写一堆操作代码&＃xff1a;ListBox选中事件SelectionChanged中添加相应的事件来改变ContentControl控件的具体内容。这是一个思路&＃xff0c;不过要指出的是WPF其实在这点上已经帮我们前期做好了框架工作了。你只要在XMAL文件的ListBox控件当中添加

IsSynchronizedWithCurrentItem&＃61;"True"

    一切就搞定了&＃xff0c;你不需要再额外添加代码&＃xff0c;WPF就是这么任性&＃xff0c;你在后台几乎都没有加任何和界面操作相关的哪怕一句代码&＃xff0c;神奇所在&＃xff0c;界面与逻辑完全隔离&＃xff01;&＃xff01;&＃xff01;跟界面相关的交互代码几乎全部在XMAL中搞定。

    好&＃xff0c;那么我们就介绍下IsSynchronizeWithCurrentItem是怎么工作的&＃xff1f;那你可就可以参考我的另外一篇博文&＃xff1a;

点击打开链接