会员管理系统的设计和开发（3）--主界面的设计思路分享

会员管理系统通过一段时间的紧锣密鼓开发，软件终于完成并发布。在这期间，碰到了很多技术难点，并积累了很多开发心得和经验，本篇继续介绍这个开发过程当中相关的技术要点，本章主要介绍会员管理里面，列表主界面的一些设计思路分享。

有时候，遵循一些固定的套路作事情，老是很容易，若是每一个地方搞一些创新和改进，那么每每须要花费不少时间，可是创新是有积极意义的，虽然可能会遇到困难，可是很值得去作。在Winform的界面设计上，虽然我能够使用代码生成工具生成比较标准的界面了，可是我老是喜欢参考学习，并改进一些界面方面的元素，所以我常常会花费一些时间在研究一些界面细节上，不过作完后却能够感受很是愉悦，同时也能够给后面的项目参考。

一、完成后的会员管理界面

这个里面的会员信息管理界面，分为了左右两部分的格局，左边显示会员的一些属性和状态分类，右边显示的是查询条件和查询列表内容。咱们再来看看其会员信息列表界面的设计状态下的视图，基本上和运行时的界面保持一致，只是列表部份内容是在运行时刻进行动态加载的而已。

 

二、界面分析和设计

咱们以这个界面效果反推如何实现这个效果，这样对咱们可能更有帮助，也容易理解一些。

1)左右分拆及折叠界面的设计

列表界面的布局方面是左右两部分，里面还有一个箭头，双击箭头附件的部分能够把左边进行折叠，所以咱们先来看看这个地方是如何实现的。

首先须要在VS的工具箱里面找到SplitContainerControl控件，而后放到整个窗体里面，并把它Dock属性设置为Fill，让它所有占满整个窗体。

接着设置整个控件的树形以下所示。

最后就能够看到左右的格局并能够折叠第一个面板的效果了。

而后在左边的面板里面增长一个TreeView控件，并设置它的Dock属性，并在设计时刻增长一些树的节点，方便效果显示处理。

经过后台代码的数据绑定，咱们能够动态构造树状列表了，而且列表界面的数据也能够在右边进行展现，这样运行时候咱们就能够获得前面介绍的主界面效果了。

有时候，咱们可能须要利用面板分割控件，把主从表两个表的记录进行关联展现。

以下界面所示是一个消费信息的表，包括了消费总信息和消费明细信息两部分，但选择左边主表信息的时候，右边刷新显示明细表的记录信息。

 

2）下拉列表按钮效果实现

有时候，在列表界面里面放太多的按钮，会显得比较凌乱，有时候界面缩小的话，可能就被遮挡或者重叠了，这样的界面布局就很糟糕，DevExpress控件组提供了一个下拉列表按钮组的控件，很是方便用于节省屏幕控件，并对按钮进行分组。如我为了方便，把一些会员的相关操做，放到了一块儿，集合在一个下拉列表按钮里面，效果以下所示。

那要实现上面按钮的效果，应该如何操做才作到的呢？

DevExpress组件的工具栏里面有一个对应的按钮控件，以下所示。

不过拖动上去，并无对应的属性用来设置里面的按钮集合的，而是须要配合这三个控件对象进行使用的。

ImageCollection是用来设置按钮图标的，其余两个须要配对使用在这个例子里面，增长后BarManger会增长工具栏、菜单栏、状态栏，把这些默认的都删除，不须要，而后制定PopupMenu的Manager属性为barManager1便可。

处理完这些步骤后，进一步设置弹出的按钮集合，并添加对应的事件处理便可，以下设计界面所示。

 3）列表展现界面

列表展现内容，主要就是使用代码生成工具Database2sharp自动生成的界面和后台代码，里面使用了分页控件进行展现而已，再次不在赘述了，看看界面效果以下所示。