Qt5 学习之路及嵌入式开发教程3设计器Designer实现信号槽例子

一、界面设计

1、单击运行Qt Creator,新建项目

Qt5 学习之路及嵌入式开发教程3:设计器Designer实现信号槽例子

 

选择,出现“项目介绍和位置”

Qt5 学习之路及嵌入式开发教程3:设计器Designer实现信号槽例子

两次下一步后:把出现界面修改相关设计

修改前:

Qt5 学习之路及嵌入式开发教程3:设计器Designer实现信号槽例子

 

修改后:(求圆的面积)

Qt5 学习之路及嵌入式开发教程3:设计器Designer实现信号槽例子

 

点击“完成”

Qt5 学习之路及嵌入式开发教程3:设计器Designer实现信号槽例子

出现如下相对应的文件名:

Qt5 学习之路及嵌入式开发教程3:设计器Designer实现信号槽例子

2、双击area_of_circle.ui,进入界面设计器Qt Designer编辑状态,进行设计编程

Qt5 学习之路及嵌入式开发教程3:设计器Designer实现信号槽例子

 

⑴:在Display Widgets容器栏找到Label标签控件,拖曳三个Label控件到中间的编辑框中

Qt5 学习之路及嵌入式开发教程3:设计器Designer实现信号槽例子

⑵:编辑三个Label属性

第一个标签:

Qt5 学习之路及嵌入式开发教程3:设计器Designer实现信号槽例子

Qt5 学习之路及嵌入式开发教程3:设计器Designer实现信号槽例子

 

第二个标签:

Qt5 学习之路及嵌入式开发教程3:设计器Designer实现信号槽例子

Qt5 学习之路及嵌入式开发教程3:设计器Designer实现信号槽例子

第三个标签:

Qt5 学习之路及嵌入式开发教程3:设计器Designer实现信号槽例子

Qt5 学习之路及嵌入式开发教程3:设计器Designer实现信号槽例子

Qt5 学习之路及嵌入式开发教程3:设计器Designer实现信号槽例子

⑶:在Input Widgets容器栏找到Line Edit控件,拖曳到中间的编辑框中,用于记录半径的值

Qt5 学习之路及嵌入式开发教程3:设计器Designer实现信号槽例子

接着设置其属性

Qt5 学习之路及嵌入式开发教程3:设计器Designer实现信号槽例子

⑷:在Buttons容器栏中找到Push Button控件,拖曳其到中间编辑框中,用于单击。

Qt5 学习之路及嵌入式开发教程3:设计器Designer实现信号槽例子

 

接着设置其属性

Qt5 学习之路及嵌入式开发教程3:设计器Designer实现信号槽例子

Qt5 学习之路及嵌入式开发教程3:设计器Designer实现信号槽例子

调整每个控件的大小,使其整体美观,这样整个界面就设计完成了。

二、编写对应代码

1、右击控件“计算”,弹出对话框中选择“转到槽…”,选择clicked()信号,如下图所示

Qt5 学习之路及嵌入式开发教程3:设计器Designer实现信号槽例子

 

2、进入area_of_circle.cpp中,添加如下代码:①②为添加的代码

Qt5 学习之路及嵌入式开发教程3:设计器Designer实现信号槽例子

三、运行程序,完成整个过程

Qt5 学习之路及嵌入式开发教程3:设计器Designer实现信号槽例子

 

 

 

相关文章:

  • 2021-08-06
  • 2021-09-12
  • 2021-12-04
  • 2021-06-17
  • 2021-10-28
  • 2021-08-09
  • 2022-12-23
  • 2022-01-31
猜你喜欢
  • 2021-09-11
  • 2021-07-04
  • 2021-05-18
  • 2021-06-25
  • 2021-11-05
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案