第一个Qt开发实例(一个Push Button按钮和两个Label)【包括如何在QtCreator中创建新工程、代码详解、编译、环境变量配置、测试程序运行等】

Qt开发环境QtCreator的安装、配置

详情见 https://blog.youkuaiyun.com/wenhao_ir/article/details/145367198

在QtCreator中创建新工程

然后设置工程的名字和位置：

上图中点击Next…
我们这里使用qmake进行构建，所以选择qmake:

上图中继续点击Next…

这里是设置Qt的C++代码中类的名字和相关文件的名字，这些使用默认的就可以了。

上图中继续点击Next…

上图是设置语言的转换，不是编译语言的转换哈，就是英语、汉语、法语的那种语言，我们不需要作这个操作，所以继续Next。


这里选择在博文 https://blog.youkuaiyun.com/wenhao_ir/article/details/145367198 中配置的kit，即 qt_klt_swh_01:

继续Next…

然后Finish…

上面的警告：

Warning: The code model could not parse an included file, which might lead to incorrect code completion and highlighting, for example.

不用管，这个警告是由于下面这句代码出现的：

#include <QApplication>

由于目录：

/home/book/100ask_imx6ull-sdk/ToolChain/arm-buildroot-linux-gnueabihf_sdk-buildroot/arm-buildroot-linux-gnueabihf/sysroot/usr/include/c++

不存在，而导致的。

但我们这里不用管，因为我们后面的代码不会使用头文件#include <QApplication>

在Forms→mainwindow.ui中拖曳出我们要的图形按钮

双击文件mainwindow.ui


Buttons里拖曳出一个Push Button【按住下图中的Push Button不放往中间拖】

按住下图中的Push Button不放往中间拖：

不妨重命名为LED

左侧图形分类栏往下拉，找到Display Widgets，然后拖曳出两个Label

查看拖曳出按钮后的代码

点击下图中的Edit

然后就可以看到刚才拖曳出的三个图形对应的源文件(xml语法写成):

<?xml version="1.0" encoding="UTF-8"?>
<ui version="4.0">
 <class>MainWindow</class>
 <widget class="QMainWindow" name="MainWindow">
  <property name="geometry">
   <rect>
    <x>0</x>
    <y>0</y>
    <width>800</width>
    <height>600</height>
   </rect>
  </property>
  <property name="windowTitle">
   <string>MainWindow</string>
  </property>
  <widget class="QWidget" name="centralwidget">
   <widget class="QPushButton" name="pushButton">
    <property name="geometry">
     <rect>
      <x>90</x>
      <y>130</y>
      <width>89</width>
      <height>25</height>
     </rect>
    </property>
    <property name="text">
     <string>LED</string>
    </property>
   </widget>
   <widget class="QLabel" name="label"