制作一个简单的QT界面
1、QT基础
QT的移植性非常。一套代码我们不用改太多,直接通用所有的平台。
不久的将来。qt会被用到MCU上,学习QT还是非常有意义的。
不要有中文路径 类信息修改为 widget
- 分析Pro文件
#-------------------------------------------------
#
# Project created by QtCreator 2024-04-04T17:46:27
#
#-------------------------------------------------
QT += core gui //往QT工程里面加入core gui模块
greaterThan(QT_MAJOR_VERSION, 4): QT += widgets //假如QT库的版本大于4,就加入一个widgets的模块
TARGET = class1 //生成APP的名字
TEMPLATE = app //编译产物的类型
# The following define makes your compiler emit warnings if you use
# any feature of Qt which has been marked as deprecated (the exact warnings
# depend on your compiler). Please consult the documentation of the
# deprecated API in order to know how to port your code away from it.
DEFINES += QT_DEPRECATED_WARNINGS //定义一个宏
# You can also make your code fail to compile if you use deprecated APIs.
# In order to do so, uncomment the following line.
# You can also select to disable deprecated APIs only up to a certain version of Qt.
#DEFINES += QT_DISABLE_DEPRECATED_BEFORE=0x060000 # disables all the APIs deprecated before Qt 6.0.0
CONFIG += c++11
SOURCES += \ //指定工程里面有哪些APP
main.cpp \
widget.cpp
HEADERS += \ //指定工程里面有哪些头文件
widget.h
FORMS += \
widget.ui//指定工程里面有哪些UI文件
# Default rules for deployment.
qnx: target.path = /tmp/$${TARGET}/bin
else: unix:!android: target.path = /opt/$${TARGET}/bin
!isEmpty(target.path): INSTALLS += target
2、双击Forms下的ui文件进入ui设计
上图的UI设计器的摁钮和功能
3、设计一个简单QQ登录界面
(前端的东西,就不写笔记了,看一下视频更详细清楚)
图片、文本、gif的组件是:qlable
输入账号和密码所使用的的组件:qline Edit
摁钮使用的组件:qbutton
输入密码默认不显示如何实现:修改输入密码的Line Edit的属性“eachMode”,选择为password