C# WPF ListView控件的实例详解
c# wpf listview控件的实例详解
c#的wpf作为现在微软主流的桌面程序开发平台,相比过去的mfc时代,有了非常多的不同。本人刚从mfc平台转过来,以为可以轻松上手,哪知碰到了很多问题,十分不解。不得不乖乖回去看了本书,再继续回到边左边边学的路上。在这边也推荐《深入浅出wpf》这本书,拿来上手还是极好的。
由于wpf以数据驱动ui的设计理念,很多控件用起来都与之前平台的相差很多,listview控件算是有代表性的,这是进化的成果。关于该控件的应该,很多参考了这篇博文,如觉本人记述不清楚,可去查阅。
wpf的代码分为前端和后端两部分,前端为ui,负责与用户进行交互;而后端则负责算法和数据的执行。由于这种机制,我们程序员对两端都需要有一个大概的了解,且主要注重于后端,这点相比以前混起来的机制实在是好太多。
listview控件的xaml代码大致如下书写:
<listview x:name="listview" height="165" verticalalignment="top" horizontalalignment="left" width="604" borderthickness="0,0,0,1" borderbrush="#ffc8ccd4"> <listview.view> <!--设置列标签并将列成员与一个变量名称相绑定,以便后台链接修改--> <gridview> <gridviewcolumn header="姓名" width="100" displaymemberbinding="{binding path=name}"/> <gridviewcolumn header="工作年限" width="100" displaymemberbinding="{binding path=workyears}"/> <gridviewcolumn header="工作电话" width="100" displaymemberbinding="{binding path=workphonenumber}"/> <gridviewcolumn header="邮箱" width="100" displaymemberbinding="{binding path=email}"/> </gridview> </listview.view> </listview>
代码中我们设置了一个四列,列项分别为“姓名”、“工作年限”、“工作电话”和“邮箱”的列表,并将各项的成员分别与一个变量名称相绑定。单单写这些代码就已经可以看到界面上有一个对应的列表出现,且可以编译运行。前端的工作也大致结束(定义出控件大致外观和给出绑定接口),具体数据内容,可交给后端来绑定。
接下来我们来写后端的c#代码:
先定义一个类,这个类中的变量将与上面列表项绑定的变量一一对应,这样我们实例化一个对象便将对应于列表的一行。
class personalinfo//个人信息类 { private string _name; private int _workyears; private string _workphonenumber; private string _email; public string email//get和set分别为只读和只写,这是绑定的正常写法,email为我们要进行绑定的一个属性 { get { return _email; } set { _email = value; } } public string workphonenumber { get { return _workphonenumber; } set { _workphonenumber = value; } } public int workyears { get { return _workyears; } set { _workyears = value; } } public string name { get { return _name; } set { _name = value; } } public personalinfo(string name, int workyears, string workphonenumber, string email)//构造函数 { _name = name; _workyears = workyears; _workphonenumber = workphonenumber; _email = email; } }
定义了上面的类之后,我们在代码中使用system.collections.objectmodel这个命名空间,然后使用“obervablecollection”即“动态数据集合类”来管理我们的类对象。
observablecollection<personalinfo> personalinfolist = new observablecollection<personalinfo>();
之后,给数据集合添加类成员
personalinfolist.add(new personalinfo("李白", 10, "134124", "libai@hotmail.com")); personalinfolist.add(new personalinfo("杜甫", 2, "242354", "dufu@hotmail.com")); personalinfolist.add(new personalinfo("苏轼", 4, "345356", "sushi@hotmail.com")); personalinfolist.add(new personalinfo("李清照", 3, "453546", "liqingzhao@hotmail.com"));
最后,把数据和ui绑定在一起便大功告成了
listview.itemssource = personalinfolist;
上面的代码编译之后便能看到列表框和里面的数据,由于“obervablecollection”在数据添加和删除的时候后发送消息给ui,所以我们在添加和删除一项数据的时候ui会做相应的修改。然而如果修改类里面的内容的时候则不行,因为修改的时候没有发送消息通知ui,所以我们还需要给“personalinfo”类定义消息通知接口,让其数据发生改变的时候也给ui发送消息。该类修改如下(需要添加system.componentmodel命名空间):
class personalinfo: inotifypropertychanged //个人信息类 { private string _name; private int _workyears; private string _workphonenumber; private string _email; public event propertychangedeventhandler propertychanged; public string email//get和set为只读和只写,体现c#l { get { return _email; } set { _email = value; propertychanged(this, new propertychangedeventargs("email")); } } public string workphonenumber { get { return _workphonenumber; } set { _workphonenumber = value; propertychanged(this, new propertychangedeventargs("workphonenumber")); } } public int workyears { get { return _workyears; } set { _workyears = value; propertychanged(this, new propertychangedeventargs("workyears")); } } public string name { get { return _name; } set { _name = value; propertychanged(this, new propertychangedeventargs("name")); } } public personalinfo(string name, int workyears, string workphonenumber, string email)//构造函数 { _name = name; _workyears = workyears; _workphonenumber = workphonenumber; _email = email; } }
这样,我们便实现了listview控件的基本绑定、修改和显示功能了。
如有疑问请留言或者到本站社区交流讨论,感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!