学习更多嵌入式Linux、Qt以及嵌入式单片机关注公众号“爱玩嵌入式”：
“widget界面是由一个个控件堆积和相互协调构建而成的，掌握了控件的使用，Qt接下来的学习就会相当轻松。我们从一个简单的圆形面积计算界面来全局概览widget”
目录
一、圆形面积计算器界面设计及拓展
二、了解圆形面积计算器所用控件
源码链接：公众号内回复qt0000获得源码
一、面积计算器界面设计及拓展
1、首先新建第一个工程。在欢迎界面New一个新工程选择Application->Qt Widgets Application，然后点击Choose...
接下来设置工程文件夹名字以及保存路径，注意路径不要包含中文字符。
下一个页面直接下一步，我们使用qmake就好了。接下来一个页面会设置你所构建的资源的名字以及类名，以及选择窗口类型，这里我们选择窗口类型为QDialog，即对话框窗口。
接下来会选择配套的元件(kit)，我们选择MinGw32-bit和64-bit就好了。
完成构建。
2、找到Headers->areacal.h、Sources->areacal.cpp、Forms->areacal.ui，我们将在这几个文件内完成代码的编写。
3、打开areacal.ui，在左侧我们可以看到各个控件，我们要明确，这只是一部分控件而非所有，所以不要过度依赖这里，有一部分控件是必须要使用代码写出来的，之后我会介绍。我们从Display Widgets拖入两个Label，再从Inpit Widgets中拖入两个Line Edit，然后从Buttons中拖入两个Push Buttons，如下图
双击拖入的控件修改显示的字符
单击控件，在右侧objectName可以修改控件名字，这个名字将会作为写代码时的变量，下图是每个控件我设置的名字。
4、接下来的源码我将会提供在公众号里，链接已放在目录处，请下载对照
5、我们分别进行两种实验，第一种是通过单击计算按钮来进行面积计算；第二种是半径输入数据改变来进行面积计算。在运行代码时请在文件中按照注释屏蔽相关代码。
这两种办法都是使用信号和槽来完成的，具体操作流程是右击控件(比如计算按钮)->转到槽->选择clicked()。此时编译器会跳到槽函数内，在里面写事件发生时的代码
方法一：通过单击按钮来完成计算(视频)
方法二：通过半径数据改变来完成计算(视频)
**目前csdn无法上传视频，观看视频请前往公众号“爱玩嵌入式”(教程->Qt->《[起源]从圆形面积计算界面概览widget》)**
二、了解面积计算器所用控件
1、Label。label在Display Widgets内，属于显示控件。此类控件可以显示我们所要显示的内容，包括文字、图片、进程以及其他页面等等。
2、Line Edit。Line Edit在Input Widgets内，属于输入控件。此类控件是可以输入信息到界面，包括文字、文本、时间日期以及滚动条等等。
3、Push Button。Push Button在Buttons内，属于按钮控件。此类控件满足鼠标点击事件的需求，包括普通按钮、检查按钮等等。
此外，控件还可以完成一些布局的操作，例如Layouts中Vertical Layouts，这是一个垂直布局的控件，可以使我们的界面更加整齐。
