24_C# 实现VMS客户端——控件_布局设计

声明：

• 本博客为原创博客，主要讲述使用C#语言调用服务端SDK方式完成VMS客户端完整功能实现，转载请声明出处。
• 如有技术问题或需交流可直接联系本人邮箱：chuiwenwei@163.com

简述：

• 前面讲述了一堆常用控件，对于大部分开发人员来说都是小儿科，但对于刚接触WinForm开发的人员我想还是有点帮助的，毕竟基础的东西还是我们最经常接触到的。然后本篇将会介绍常用的布局设计思路，主要讲述如何将孤立的控件和软件架构设计结合起来，使WinForm设计变得模块化，便于维护。

目录：

• 定布局
• 定级别
• 放置控件
• 修改属性

此部分我拿一个简单的参数设置的设计做介绍。

1.定布局

根据业务逻辑设计，布局当前窗体的设计。

业务逻辑设计：

左侧显示设备列表，单击设备就会在右侧显示设备的参数信息。如果单击的是非设备接点，右侧就隐藏设备参数信息面板。

单击设备显示设备信息时在右下方显示正在等待状态信息，等查询完毕后提示查询完毕

右下方显示修改完毕后的保存或取消修改按钮

草稿图为：

2.定级别

从上面的业务部分我们已经可以确定当前窗体或面板上布局由四大块组成，至少短期内四大块框架部分不会有改动，那么我们先定好这四大块的级别，都为1级。

分别为：1.pnlLayoutTop最上测显示静态标题信息，2.pnlLayoutLeft最左侧显示设备列表信息，3.pnlLayoutBottom最下方显示查询状态和操作按钮信息，4.pnlLayoutFill中间部分以填充状态显示设备信息。

这四块定好级别后，所有其他的业务模块都是在各自的模块上再细分与其他面板无关。这样在将来维护上就会将其风险降到最低。

1.pnlLayoutTop上需要放置一个TableLayoutPanel并设置器BorderStyle属性为SingleLine，将其Dock属性设置为Fill就可以实现上面的效果。

   1.1tlpLayoutTitle

2.pnlLayoutLeft上需要放置一个AdvTree树形控件，将其Dock属性设置为Fill，就可以实现左侧的效果

   2.1adtDevice

3.pnlLayoutBottom部分需要放置两组控件，一组用来显示静态文本提示信息，一组用来存放确定取消按钮信息。

   3.1lblWaitMessage

   3.2TableLayoutPanel tlpApply

    在TableLayoutPanel上要相应的添加5列，然后将确定和取消按钮固定在相应位置

    3.2.1btnApply

    3.2.2btnCancel

 

4.pnlLayoutFill部分就是根据需要放置设备信息的显示控件，由于我们业务要求中提到这个面板可能会随着点击树形接点不同可能会显示或消失，那么我需要在其上面再放一个单一的面板，然后将静态文本信息放入这个面板上

   4.1pnlDeviceInfo

        4.1.1lblDeviceName

        4.1.2txtDeviceName

3.放置控件

按照上面分析出的业务逻辑设计和布局级别，一级一级的添加控件即可

4.修改属性

修改控件的属性使其符合我们的预期，然后添加事件响应即可

代码参考FrmControl.cs中的布局设计

Demo下载： http://pan.baidu.com/s/1eQqxqCi