Skip to content

配置串口上位机的界面

1. 创建工程

左边是历史创建的项目,我们点击,创建新项目。 alt text

如图所示,选择Windows 窗体应用(.NET Framework) alt text

项目名称一般不推荐中文,以及特殊字符。点击创建后会进入编辑代码的界面 alt text

  1. 解决方案就是相关工程使用到的代码
  2. 就是程序的UI窗口,所见即所得,可以编辑相关内容
  3. 输出窗口,一般可以输出一些debug的信息
  4. 属性窗口,就是显示UI中控件的属性,鼠标选择了哪一个,就显示哪个的属性 alt text

2. Visual Studio 的基础功能

2.1 工具箱

工具箱是提供的默认UI控件,也分门别类的将不同类型的控件放置在了不同的选项下方。 alt text

  1. 跳转鼠标的位置
  2. 保存相关的文件
  3. 撤销代码,和相关的步骤
  4. 启动代码 alt text

3.界面使用到的功能模块

公共控件中有一些按键,checkbox,等这些控件,界面可以使用这些控件,然后通过这些内容来是实现 alt text

界面中各个UI控件

  1. button:按键
  2. richTextBox:显示界面,存放和显示一些字符
  3. comboBox:下拉框,可以下拉选择一些选项
  4. groupBox:布局容器,可以将一些UI控件放在一个容器中,方便调整位置
  5. Lable:字符,一些界面上需要写的字符可以通过这个来操作
  6. serialPort: 串口,这个是“组件”下面的控件,实现串口收发的功能 alt text

4.界面排版

属性下面的布局,可以调整,相关按键或者功能跟随的位置 alt text

下图所示的容器就是界面排版必备的一些工具,可以将按键,下拉框等放在一个容器中,后续的内容就可以随容器一起调整。 alt text

下图中 send data 就是一个groupBox的容器。 alt text

5. 最终成品

这个就是界面的样子,左边是显示字符的方框,右边是选择串口参数的方框。 以及发送 alt text