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


相关文章
|
3月前
【Qt 学习笔记】Qt窗口 | 标准对话框 | 消息对话框QMessageBox
【Qt 学习笔记】Qt窗口 | 标准对话框 | 消息对话框QMessageBox
568 4
【Qt 学习笔记】Qt窗口 | 标准对话框 | 消息对话框QMessageBox
|
3月前
qt 手搓ui
qt 手搓ui
43 3
|
3月前
|
开发者
【Qt 学习笔记】Qt系统相关 | Qt事件 | 事件的介绍及基本概念
【Qt 学习笔记】Qt系统相关 | Qt事件 | 事件的介绍及基本概念
202 4
|
3月前
【Qt 学习笔记】Qt窗口 | 标准对话框 | 文件对话框QFileDialog
【Qt 学习笔记】Qt窗口 | 标准对话框 | 文件对话框QFileDialog
692 4
|
3月前
|
数据安全/隐私保护
【Qt 学习笔记】Qt窗口 | 对话框 | 模态与非模态对话框的创建
【Qt 学习笔记】Qt窗口 | 对话框 | 模态与非模态对话框的创建
352 4
|
3月前
|
搜索推荐 C++
【Qt 学习笔记】Qt窗口 | 对话框 | 创建自定义对话框
【Qt 学习笔记】Qt窗口 | 对话框 | 创建自定义对话框
73 4
|
3月前
|
API UED
【Qt 学习笔记】Qt窗口 | 状态栏 | QStatusBar的使用及说明
【Qt 学习笔记】Qt窗口 | 状态栏 | QStatusBar的使用及说明
379 4
|
3月前
【Qt 学习笔记】Qt窗口 | 标准对话框 | 输入对话框QInputDialog
【Qt 学习笔记】Qt窗口 | 标准对话框 | 输入对话框QInputDialog
236 3
|
3月前
|
数据可视化
【Qt 学习笔记】Qt窗口 | 标准对话框 | 字体对话框QFontDialog
【Qt 学习笔记】Qt窗口 | 标准对话框 | 字体对话框QFontDialog
75 3
|
3月前
【Qt 学习笔记】Qt窗口 | 标准对话框 | 颜色对话框QColorDialog
【Qt 学习笔记】Qt窗口 | 标准对话框 | 颜色对话框QColorDialog
512 3

热门文章

最新文章