大家好，又见面了，我是你们的朋友全栈君。
本人所在铁人战队的实验室同学们主要从事单片机的编程开发。但比赛和项目过程中，常常都需要与机器人进行人机交互。虽然实验室常用的HMI串口屏能满足我们的基本需求，但没东西在手的时候，就是个难题了。所以本文则介绍一下使用visual studio软件，进行C#上位机软件的开发入门。 以同学们常用的串口助手（简洁版）为例，来着手进行学习和入门。由于笔者知识有限，且是第一次写博客，有不足或错误之处，还请大家指出，方便修改。
1.工程的建立
打开vs软件 -》 左上角 “文件”选项 -》 新建 -》 项目 ，弹出对话框如下：
![串口助手(简洁版)上位机软件零基础教程（ C# + visual studio2017 ）（一）[通俗易懂]](https://img-blog.csdnimg.cn/20190903173103522.png)
![串口助手(简洁版)上位机软件零基础教程（ C# + visual studio2017 ）（一）[通俗易懂]](https://javaforall.net/wp-content/uploads/2020/11/2020110817443450.jpg)
点击visual c# 选项卡 -》 1. 选择 Windows 桌面 -》 2.选择Windows 窗体应用（.NET framework）
![串口助手(简洁版)上位机软件零基础教程（ C# + visual studio2017 ）（一）[通俗易懂]](https://img-blog.csdnimg.cn/20190903173908788.png)
1.编辑项目名称 – 》 2.定义项目储存位置 -》 3. 框架修改为.NET Framework 4.5 -》 最后单击确定
注意： 框架4.0以下，不能在Windows xp系统中运行。
![串口助手(简洁版)上位机软件零基础教程（ C# + visual studio2017 ）（一）[通俗易懂]](https://img-blog.csdnimg.cn/20190903175457120.png)
至此，工程项目已经创建好，如下图所示：
此时，单击工具栏中的 “启动”按钮，可以看见debug下的调试窗口。像windows普通窗口一样，可以拖动，点击右上方关闭按钮可以关闭并退出调试。
同时窗体也可以用鼠标对准其边线，调整窗口的大小，以满足用户的需求，试一试！！
![串口助手(简洁版)上位机软件零基础教程（ C# + visual studio2017 ）（一）[通俗易懂]](https://img-blog.csdnimg.cn/20190903175916478.png)
2.软件的图形化窗体设计
串口助手（简洁版）相关的图形化窗体设计，我们需要用到 “工具箱 ” ，如“果在工程中没有找到 “工具箱”窗口，可以在软件上方菜单栏 “ 视图” -》 “工具箱” 中，进行打开。
工具箱中我们常用到三个部分，分别是 公共控件，容器 和 组件 选项卡。
![串口助手(简洁版)上位机软件零基础教程（ C# + visual studio2017 ）（一）[通俗易懂]](https://img-blog.csdnimg.cn/20190903185542400.png)
第一 ，添加标号控件。 选择 工具箱 -》 公共控件 -》 Label （标号控件），单击选择到窗体中（先单击控件名称，再单击窗口助手窗体空白处）。然后对准图标，点击鼠标右键，选择 ‘属性’，弹出属性窗口，可设置控件相关属性。大家可以自己去尝试更改属性看看效果，不懂可以百度，亲们！
提醒：在属性窗口打开后，点击我们正在设计的串口助手窗体空白处，可设置整个窗体的属性哦！！
例如：在 Name 属性栏中，可查看标号控件名字（所有，一切的一切，控件都有自己的名字，在程序编写时会用到，最好不要去修改！）
![串口助手(简洁版)上位机软件零基础教程（ C# + visual studio2017 ）（一）[通俗易懂]](https://img-blog.csdnimg.cn/20190903203555326.png)
在 Font 属性栏中，可修改文本的字体，大小。
![串口助手(简洁版)上位机软件零基础教程（ C# + visual studio2017 ）（一）[通俗易懂]](https://img-blog.csdnimg.cn/20190903191406203.png)
在 Text 属性栏中，可修改具体显示出来的文字。
![串口助手(简洁版)上位机软件零基础教程（ C# + visual studio2017 ）（一）[通俗易懂]](https://img-blog.csdnimg.cn/20190903191858619.png)
按相同方法，我们设计出如下四个标号控件，布好局：
![串口助手(简洁版)上位机软件零基础教程（ C# + visual studio2017 ）（一）[通俗易懂]](https://img-blog.csdnimg.cn/20190903192742399.png)
第二，添加下拉组合框控件。 选择 工具箱 -》 公共控件 -》 comboBox（组合框控件），单击选择到窗体中。然后对准鼠标右键，选择 ‘属性’，弹出属性窗口。
在 Items 属性栏中，可添加组合框下拉菜单内容。 注：本次串口助手软件 端口组合框 会在程序中添加下拉菜单内容，不用在属性栏中手动添加。而波特率组合框 直接在属性中添加下拉菜单内容。
![串口助手(简洁版)上位机软件零基础教程（ C# + visual studio2017 ）（一）[通俗易懂]](https://img-blog.csdnimg.cn/20190903203035986.png)
![串口助手(简洁版)上位机软件零基础教程（ C# + visual studio2017 ）（一）[通俗易懂]](https://img-blog.csdnimg.cn/20190904205439477.png)
我们设计出如下窗体：
![串口助手(简洁版)上位机软件零基础教程（ C# + visual studio2017 ）（一）[通俗易懂]](https://img-blog.csdnimg.cn/20190903203703654.png)
第三，添加单选按钮控件。 选择 工具箱 -》 公共控件 -》 RadioButton（单选按钮控件），单击选择到窗体中。在单选按钮的属性窗口中，更改单选按钮文本（Text 栏），文字大小（Font）等参数。
注意：发送模式下的两个单选按钮为一组，接收模式下的单选按钮为另一组。为了发送和接收单选按钮相互独立，需将其划分组别，因此要引入容器控件。选择 工具箱 -》 容器 -》Panel（容器控件），将同组别单选按钮划分在一起。先放置容器控件，再往其中填入单选按钮控件，不然会被覆盖。
![串口助手(简洁版)上位机软件零基础教程（ C# + visual studio2017 ）（一）[通俗易懂]](https://img-blog.csdnimg.cn/20190903210205312.png)
第四，添加按键控件。 选择 工具箱 -》 公共控件 -》 Button（按钮控件），单击选择到窗体中。可在按钮的属性窗口中，更改单选按钮文本（Text 栏），文本大小（Font栏），背景颜色（BackColor栏）等参数。
![串口助手(简洁版)上位机软件零基础教程（ C# + visual studio2017 ）（一）[通俗易懂]](https://img-blog.csdnimg.cn/2019090321075871.png)
第五，添加文本框控件。 下面的文本框用于储存待发送数据，右边文本框用于储存串口接收到的数据。选择 工具箱 -》 公共控件 -》 TextBox（文本框控件），单击选择到窗体中。可在文本框的属性窗口中，更改为多行显示（multiline 栏）（否则无法纵向拉伸）；纵向拓展或横向拓展或双向拓展（Scrollbars栏）(文本框边上有没有拖动条)
![串口助手(简洁版)上位机软件零基础教程（ C# + visual studio2017 ）（一）[通俗易懂]](https://img-blog.csdnimg.cn/20190903214053981.png)
第六，添加串口控件 。既然要做串口助手，串口肯定是少不了的。选择 工具箱 -》 组件 -》 SerialPort（串口控件），单击选择到窗体中。这时细心的你会发现窗体中没有串口图标，不要担心，它在你的窗体下方，因为他是一个隐式（不可见的）（后台的）控件。
![串口助手(简洁版)上位机软件零基础教程（ C# + visual studio2017 ）（一）[通俗易懂]](https://img-blog.csdnimg.cn/20190903215010630.png)
在串口的属性窗口中，我们发现可以设置波特率、串口号、停止位、校验位等参数。在这里我们保持默认值就好，下节我们会在程序中进行设置。所以亲们在这里就不用管啦，是不是很开心？？
第七，添加定时器控件。有人会问为什么串口助手会用定时器，难不成是自动发送功能？？答案为否。这里我们是想通过定时器做一个500ms定时周期性中断，这样就可以不停检测电脑的可用串口，然后将它放在端口的组合框控件的下拉菜单中。这样我们就不用去调用设备管理器，看咱们该调成哪个串口号了，是不是很高级！！
选择 工具箱 -》 组件 -》 Timer（定时器控件），单击选择到窗体中。他也是一个隐式控件。在定时器的属性窗口中，我们需要设置中断时间为500ms（Interval 栏）；设置定时器使能（Enabled 栏）（就是软件一运行，定时器就开始工作，咱们就不用程序里再去打开他的开关了）。
![串口助手(简洁版)上位机软件零基础教程（ C# + visual studio2017 ）（一）[通俗易懂]](https://img-blog.csdnimg.cn/20190904093515885.png)
至此，可视化窗体已经做完了，我们点击 “”启动按钮“进行测试，查看具体的效果，发现按钮可以点击，组合框可以下拉，文本框可以输入字符，两组单选按钮各自工作正常。。。。。。关闭窗口。
后面我们将进入程序部分的编写，就比较难了，不过没关系，一步一步来。
未完待更。。。。。。
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/138187.html原文链接：https://javaforall.net
![MQTT（一）C#使用 MQTTnet 快速实现 MQTT 通信（文末有完整Demo下载）[通俗易懂]](https://javaforall.net/wp-content/uploads/2020/11/2020110817443450-480x300.jpg)
