Qt 学习笔记全系列传送门：

• Qt 学习笔记 - 第一章 - 快速开始、信号与槽

• Qt 学习笔记 - 第二章 - 添加图片、布局、界面切换

• 【本章】Qt 学习笔记 - 第三章 - Qt的三驾马车之一 - 串口编程 + 程序打包成Windows软件

• Qt 学习笔记 - 第四章 - Qt的三驾马车之二 - 网络编程

• Qt 学习笔记 - 第五章 - Qt 时间编程 - Qt 时钟

目录

• 1、创建项目
• 2、UI
• 3、逻辑功能
• 4、程序打包和部署

1、创建项目

实现串口助手

• 创建 Qt Widgets Application 项目 seial

• 基类选择 Widget

2、UI

• UI设计

  1. 接收框组件，在分类 Input Widgets 中，Plain Text Edit 组件(QPlainTextEdit)，双击可以编辑选项，置顶项为默认选择属性，勾选组件的只读属性 readOnly
  2. 属性选择，在分类 Input Widgets 中，Combo Box 组件(QComboBox)
  3. 发送框，在分类在 Input Widgets 中，Line Edit 组件(QLineEdit)
  4. 信息框，写个广告之类的可以使用，在分类 中，Group Box 组件(QGroupBox)
  5. 控件改名

• UI代码展示

  <?xml version="1.0" encoding="UTF-8"?>
  <ui version="4.0">
   <class>Widget</class>
   <widget class="QWidget" name="Widget">
    <property name="geometry">
     <rect>
      <x>0</x>
      <y>0</y>
      <width>800</width>
      <height>480</height>
     </rect>
    </property>
    <property name="windowTitle">
     <string>Widget</string>
    </property>
    <widget class="QWidget" name="layoutWidget">
     <property name="geometry">
      <rect>
       <x>31</x>
       <y>31</y>
       <width>737</width>
       <height>385</height>
      </rect>
     </property>
     <layout class="QGridLayout" name="gridLayout_3">
      <item row="0" column="0">
       <widget class="QPlainTextEdit" name="recvEdit">
        <property name="readOnly">
         <bool>true</bool>
        </property>
       </widget>
      </item>
      <item row="1" column="0">
       <spacer name="verticalSpacer">
        <property name="orientation">
         <enum>Qt::Vertical</enum>
        </property>
        <property name="sizeHint" stdset="0">
         <size>
          <width>20</width>
          <height>40</height>
         </size>
        </property>
       </spacer>
      </item>
      <item row="2" column="0">
       <layout class="QGridLayout" name="gridLayout_2">
        <item row="0" column="0">
         <layout class="QGridLayout" name="gridLayout">
          <item row="0" column="0">
           <widget class="QLabel" name="label_2">
            <property name="text">
             <string>波特率</string>
            </property>
           </widget>
          </item>
          <item row="0" column="1">
           <widget class="QComboBox" name="baundrateCb">
            <item>
             <property name="text">
              <string>4800</string>
             </property>
            </item>
            <item>
             <property name="text">
              <string>9600</string>
             </property>
            </item>
            <item>
             <property name="text">
              <string>115200</string>
             </property>
            </item>
           </widget>
          </item>
          <item row="1" column="0">
           <w