Qt6学习笔记四(ui使用、资源文件添加)

简介: Qt6学习笔记四(ui使用、资源文件添加)

一、ui使用

创建一个新的项目

然后可以看到有个.ui文件

双击进入界面编辑的界面

可以直接输入在菜单栏(QMenuBar)输入 然后回车

但是里面的QAction 没办法输入中文,(因此它默认生成一个QAction对象,以这个名字,因此不能有中文)

右下角可以看到对象名就是以输入的英文取得

但是可以修改它的text,修改它的文本显示

右击MainWindow可以添加工具栏、状态栏等内容

还可以在视图中打开Action Editor ,

将action直接拖到工具栏中,将“新建”和“打开”拖到了工具栏中了,这个和菜单里的action是一样的

左边控件栏中 将DockWidget拖到界面中,点击DockWidget

绿色部分是QDockWidget的专属的属性

二、资源文件

将图片文件拷贝到项目目录下

想要在Action上设置一个Icon,首先在目录创建一个Image文件夹专门用来放图片

添加Resource File

在Qt中新建一个资源

取一个名, .qrc是qt中资源文件的后缀名 (注意如果是cmake要加入到CMakeLists中)

右键open in edit可以进入编辑

如果不想区分前缀,就使用/,然后Add Files把图片添加进入

使用Resource File的内容

然后在mainwindow.cpp下,就可以使用它的路径的了(绝对路径很可能文件会找不到(比如不小心删掉了))

使用添加Qt资源 “:+前缀名+文件名” ,这里的前缀是 /

MainWindow::MainWindow(QWidget *parent)
    : QMainWindow(parent)
    , ui(new Ui::MainWindow)
{
    ui->setupUi(this);
//    ui->actionNew->setIcon(QIcon("E:\\code\\QT_study\\02_QtSource\\Image\\1.jpg"));
    //使用添加Qt资源 ":+前缀名+文件名"
    ui->actionNew->setIcon(QIcon(":/Image/1.jpg"));
    ui->actionOpen->setIcon(QIcon(":/Image/2.png"));//再设置一个icon试试
}

这样就可以实现效果了,在action前加入icon


相关文章
|
16天前
|
存储 测试技术 UED
Qt中实现界面回放的艺术:从理论到代码“ (“The Art of Implementing UI Playback in Qt: From Theory to Code
Qt中实现界面回放的艺术:从理论到代码“ (“The Art of Implementing UI Playback in Qt: From Theory to Code
64 1
|
3月前
|
C++
QT第一个程序命名空间详解,解释ui_widget的和xxx.cpp的联系
QT第一个程序命名空间详解,解释ui_widget的和xxx.cpp的联系
34 0
|
18天前
|
算法 开发者
【Qt UI相关】Qt5和Qt6中关于高DPI缩放属性
【Qt UI相关】Qt5和Qt6中关于高DPI缩放属性
17 1
|
4月前
|
C++
[Qt5&VS] VS编译生成Qt的ui_头文件
[Qt5&VS] VS编译生成Qt的ui_头文件
49 0
|
4月前
|
C++
[项目配置] 配置Qt函数库和ui界面库的封装并调用的项目(二)
[项目配置] 配置Qt函数库和ui界面库的封装并调用的项目
42 0
|
4月前
|
算法 关系型数据库 编译器
[项目配置] 配置Qt函数库和ui界面库的封装并调用的项目(一)
[项目配置] 配置Qt函数库和ui界面库的封装并调用的项目
59 0
|
6月前
|
数据可视化
嵌入式 QT纯代码设计UI
嵌入式 QT纯代码设计UI
|
7月前
|
XML 数据格式 Python
『PyQt5-基础篇』| 05 Qt Designer保存的.ui文件如何生成.py文件?
『PyQt5-基础篇』| 05 Qt Designer保存的.ui文件如何生成.py文件?
65 0
|
8月前
|
前端开发
前端学习笔记202305学习笔记第二十天-vue3.0-element ui引入
前端学习笔记202305学习笔记第二十天-vue3.0-element ui引入
28 0
|
8月前
|
前端开发
前端学习笔记202305学习笔记第二十天-vue3.0-安装和配置element-ui
前端学习笔记202305学习笔记第二十天-vue3.0-安装和配置element-ui
24 0

热门文章

最新文章