QT学习一之基本控件属性与样式表

以下内容均是个人理解,不保证都是正确的,如有错欢迎指正
欢迎学习交流:815030927@qq.com

一、QT软件使用(创建第一个QT程序)

1、在QT界面中点击New Project,然后选择要创建的选项
在这里插入图片描述在这里插入图片描述在这里插入图片描述2、我们选择Application中的(双击或点击choose)
在这里插入图片描述
3、编辑工程名称并选择工程路径,然后点击下一步
在这里插入图片描述4、选择应用的平台,即选择程序在哪执行,手机或电脑,然后点击下一步
在这里插入图片描述5、创建QT程序时会自动创建一个类,编辑QT程序中类的名称,然后点击下一步
在这里插入图片描述6、默认点击完成
在这里插入图片描述7、此时Qt程序已创建,点击运行即可执行程序

二、纯代码编写QT程序(包括一个界面和按钮)

1、创建一个新的QT程序,点击其他项目中的Empty qmake Project,创建一个空的QT程序
在这里插入图片描述创建QT工程的后续步骤仿照上文一中的内容
2、创建完成后找到工程所在路径,将FirstQtCode.pro.user文件删除,只留下后缀为.pro的工程文件
3、在.pro文件中添加以下代码
在这里插入图片描述
4、添加主函数文件,右击鼠标后选择Add New…在这里插入图片描述在这里插入图片描述在这里插入图片描述5、此时.pro文件中会自动帮我们添加源文件代码,如图
在这里插入图片描述
6、在main.cpp中添加以下代码

//添加头文件
#include <QApplication>
#include <QMainWindow>//主窗口头文件
#include <QPushButton>//按钮头文件

int main(int argc, char **argv)
{
    QApplication app(argc, argv);
    QMainWindow win;//定义一个窗口
    win.resize(500,200);//设置窗口大小,500为宽,200为高
    win.show();//显示窗口

    QPushButton bt1(&win);//定义一个按钮
    bt1.setText("Button1");//设置按钮中的文字
    bt1.setGeometry(200,80,100,40);//设置按钮位置和大小(200,80)是位置,(100,40)是大小
    bt1.show();//显示按钮

    app.exec();//轮询,即刷新
}

7、点击运行或crtl+r,效果如图
在这里插入图片描述

三、用QT集成开发环境做一个登录界面(只是界面)

1、新建一个QT项目,选择Application中的QT Widgets Application
在这里插入图片描述
此前忘记说了,在继承的基类可以选择QMainWindow或QWidget,只是选择QMainWindow时窗口会比Qwidget多出菜单栏、工具栏和状态行,此工程中我们选择QMainWindow
在这里插入图片描述2、创建工程后,双击loginwin.ui
在这里插入图片描述3、先了解一下QT的界面编辑界面
在这里插入图片描述4、此工程中使用到的组件
按压式按钮
在这里插入图片描述
单行编辑栏(可输入)
在这里插入图片描述
标签(不可输入)
在这里插入图片描述
5、label组件拖拽到主界面并放大,同时双击编辑标签中的文字
在这里插入图片描述在这里插入图片描述效果图
在这里插入图片描述
6、将Line Edit组件拉到主界面
在这里插入图片描述效果图
在这里插入图片描述
7、将Push Button组件拉到主界面,并修改按钮上的文字
在这里插入图片描述
8、运行效果
在这里插入图片描述

四、控件属性

1、QT中的组件都是继承了基本类的,以下是它们的继承关系
在这里插入图片描述2、常用属性在这里插入图片描述在这里插入图片描述在这里插入图片描述在这里插入图片描述更多属性参考:

https://blog.csdn.net/qq_24508983/article/details/84033919

QLabel特有属性:
在这里插入图片描述QLineEdit特有属性
在这里插入图片描述QPushButton特有属性
在这里插入图片描述

五、样式表

1、在QT中可以设置所有组件的样式,在每个组件上右击鼠标都会出现一个选项“改变样式表…”,点击即可设置该组件的样式,但这样每个组件都要设置太麻烦,我们可以在主界面右击鼠标选择“改变样式表…”,统一编辑各个组件的样式,样式表编辑框如下图:
在这里插入图片描述
2、在样式表中要添加图片需要先添加资源
①添加资源文件
在这里插入图片描述 在这里插入图片描述在这里插入图片描述在这里插入图片描述
2、添加前缀和文件
在这里插入图片描述在这里插入图片描述在这里插入图片描述在这里插入图片描述在这里插入图片描述
3、设置样式表
在这里插入图片描述在这里插入图片描述在这里插入图片描述
注:这种设置方法会将所有组件的背景设置成一样的
在这里插入图片描述4、我们直接在QT的帮助文档中查找样式表的格式
在这里插入图片描述点击Qt Style Sheets Reference可查看Qt中所有类的样式表例程
在这里插入图片描述

  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值