欢迎光临散文网 会员登陆 & 注册

QT学习笔记——界面操作

2023-09-07 19:39 作者:自闭选手的Z23  | 我要投稿

一、新建QT工程:

基类选择QWidget,其他创建步骤都是下一步,创建完毕。

工程文件分析:

工程文件分析

点击forms,然后双击ui文件,就可以进入ui编辑器。

ui编辑器面板介绍:

ui编辑器面板介绍


二、做一个简单的界面

用到的组件:

Label:可以放图片,文本,gif图

Line Edit:放账号和密码的对话框

Push Button:按钮


添加图片方法:

右键工程文件夹->添加新文件
选择模板
添加成功
右键资源文件->Openwith->资源编辑器
设置一下前缀,根目录,Ctrl+S保存
点击添加文件,记得先保存
图片放事先放在工程文件夹中
图片添加成功

使用Label控件引用这个图片

删除文本,再右键->改变样式表
如图点击

图片也可以添加再按钮控件中,操作步骤一样。


放置控件,水平、垂直、栅格布局,加弹簧,效果如下:

可随意调节界面大小

三、切换界面

创建一个新的界面

右键工程文件夹,如图选择

全都选下一步,自定义界面的名称,这里选择默认不改变名称

创建完成


代码编写:

主界面头文件中添加代码,如下:

声明,这里的界面二实体命名为 ip_page

界面二头文件中添加代码:

添加信号,用于返回主界面

这里的界面二UI如下:

有两个按钮:确认、返回,分别右键按钮添加两个槽函数

返回按钮的槽函数如下:

界面二关闭、发送返回信号;

界面二关闭、发送返回信号

确认按钮槽函数如下:

界面二关闭、发送确认信号;

界面二关闭、发送确认信号

主界面.c文件中添加代码


点击跳转到界面二按钮,调用IP_pushButton_Slot()函数


跳转到界面二,怎么返回呢?主界面有界面二的地址,而界面二使用信号来沟通主界面


主界面接收到界面二的返回信号调用的函数:

主界面接收到界面二的确认信号调用的函数:


这样,就实现了点击主界面跳转按钮  跳转到 界面二;

点击界面二的确认、返回按钮 跳转到  主界面。



QT学习笔记——界面操作的评论 (共 条)

分享到微博请遵守国家法律