详细设计书界面模块
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
界面模块(主界面)
详细设计说明书
1. 模块设计
1.1界面模块(主界面)
1.1.1 模块概述
主界面是直接与用户交互的窗口,主要负责用户界面的商品信息查看和用户的配置数据的设定。
主界面主要实现以下功能
1.界面布局(能够提供用户操作按钮、数据添加、数据显示)
2.系统参数设定(提供用户可以设定串口端口的设定界面)
3.通讯状态查看(提供给用户可以查看当前通讯状态的界面)
4.探头属性设定(提供给用户设定探头属性的界面)
通过本说明书,主要完成主界面布局,具体实际的功能查看后续的详
细说明书。
1.1.2界面布局
1.1.
2.1功能简述
界面布局需要考虑到用户的几个基本需求
1.设定数据
2.查看楼层布局
3.查看每层的温湿度探头分布
4.查看每层的温湿度探头实时数据
5.探头属性的设定
考虑将界面分为三大块,第一块工具栏,第二块仓库树状图,第三块仓库楼层具体信息。
基本的画面达到以下的效果:
工具栏:位于程序上侧,含有两个按钮。
树状图:位于程序左侧,树状图分为三层
第一层:根节点,代表整个监控系统
第二层:楼层节点,含有三个楼层
第三层:温湿度探头节点,每个楼层含有哪些探头一目了然
楼层信息:位于程序右侧,当用户点击了树状图中的节点时,右侧将显示楼层的信息。
1.1.
2.2 控件布局
整个程序的主窗口一个Form,命名了Form_Main,基类为Form
Form_Main:Form
控件名称类型关键属性说明SplitContainer_T SplitContainer Orientation:垂直方向的分隔容器
基本的布局参照下图:
灰色部分为SplitContainer_ToolBar.Panel2,
SplitContainer_ToolBar.Panel1上面放置ToolStrip_MainBar。
SplitContainer_ToolBar.Panel2上面放置SplitContainer_TreePanel。
SplitContainer_TreePanel.Panel1上面放置TreeView_Rooms。
SplitContainer_TreePanel.Panel2上面放置TreeView_Rooms。
1.1.3系统参数设定
1.1.3.1 功能简述
用户点击【系统设定】按钮后,会弹出对话框,由于用户可能需要设定通讯串口的端口号,所以需要界面给用户设定,界面设计达到以下效果。
1.1.3.2 控件布局
Form_SystemInfo : Form
控件名称类型关键属性说明
Label_PortName Label Text: 串行端
口
GroupBox_Com GroupBox Text: 设定串
口通讯参数
ComboBox_Port Name ComboBox Items:
COM1
COM2
COM3
COM4
COM5
COM6
用户从该组合框选择通讯的串行端
口
Button_OK Button Text: 确认点击确认按钮后,数据生效Button_Cancle Button Text: 取消点击取消按钮后,修改的数据不生
效。
1.1.4通讯状态查看
1.1.4.1 功能简述
用户点击【通讯状态】按钮后,会弹出对话框,通过对话框用户可以看到串口通信的情况,这个功能主要是方便管理员调试设备使用。
1.1.3.2 控件布局
Form_Communication : Form
控件名称类型关键属性说明
TextBox_Tip TextBox Text: 参照示
例图
说明查看通讯状态的方法
ListBox_Msg ListBox Text: 设定串
口通讯参数将发送或接受到的指令,添加到ListBox中,方便用户查看当前通讯状态
Button_Pause Button Text: 暂停点击暂停按钮后,ListBox不再添加新
的通讯指令
Button_Continue Button Text: 继续点击继续按钮后,ListBox将添加新的
通讯指令
1.1.5探头属性设定
1.1.5.1 功能简述
用户双击了探头图标后,应探头探头设定的窗口,用户可以进行探头属性的设定。
1.1.5.2 控件布局
Form_DeviceInfo : Form
控件名称类型关键属性说明Label1~Label9 Label Text: 参照示例图静态文本说明
TextBox 探头备注信息TextBox_Device
Info
TextBox 探头名称TextBox_Device
Name
TextBox_Device
TextBox MultiLine:True 探头编号No
TextBox 探头的温度上限TextBox_Tempa
High
TextBox_Tempa
TextBox 探头的温度下限Low
TextBox_Humid TextBox 探头的湿度上限。