Qt学习之在UI界面添加图片

第一步：添加qrc资源文件

（1）“添加新文件”~~“Qt”~~“Qt Resource File”~~填写文件名

（2）右击刚才新加的文件 ~~ “添加现有文件” ~~将图片导入到该文件中

第二步：进入UI界面

（1）选择需要添加图片的控件，右击，选择“改变样式表”

（2）点击“添加资源”旁边的倒三角，此时会出现三个选项：background-image、board-image、image，根据需求选一个

（3）最后，在跳出的对话框里选择想要添加的图片即可

注意：

如若没有选择“添加资源”旁边的倒三角，而是直接点击“添加资源”，然后继续选择图片，对话框的左下方会提示“无效样式表”，追究其原因是，添加的图片没有确定添加的方式，此时，解决方法是，在“url(:/Pictures/bigbackground.png)”前面添加“background-image:”、“board-image:” 或者“image:”，具体添加什么根据实际需求选择

后续：

如若该控件背景会随某变量而产生变化，则可在原文件中写：（仅为模板，不可照抄，实操时还得根据相应实际情况）

   int messageLevel；switch ( messageLevel ){case XUserInterface::UIMessageLevel::WarningMsg:titleString = "Warning";iconStyleSheet = QString("border-image: url(:/Pictures/sign_warning.png);");break;case XUserInterface::UIMessageLevel::ErrorMsg:titleString = "Error";iconStyleSheet = QString("border-image: url(:/Pictures/sign_error.png);");break;default:titleString = "Information";iconStyleSheet = QString("border-image: url(:/Pictures/sign_info.png);");break;}ui->dockWidget->setWindowTitle( titleString );ui->label_MessageIcon->setStyleSheet( iconStyleSheet );

Qt学习之在UI界面添加图片相关推荐

Python Qt GUI设计：UI界面可视化组件、属性概述（基础篇—4）
目录 1.界面组件 1.1.布局组件(Layouts) 1.2.分隔组件(Spacers) 1.3.按钮组件(Buttons) 1.4.表项视图(Item Views) 1.5.表项组件(Item W ...
Android学习——5个UI界面设计
Android学习--5个UI界面设计一.计算器二.frameLayout(框架布局)实现登录界面三.RelativeLayout相对布局实现登录界面四.表格布局五.多布局一.计算器 &l ...
QT串口动态实时显示大量数据波形曲线（一）========“串口设置与ui界面添加（灯与按钮）”
序言项目背景:底层硬件每10ms按照通讯协议通过串口上传40个8位数据,上位机制作软件接收数据并实时绘图. 项目参数:(1)每10ms传输40个8位数据:(2)每1s将接收数据按照通讯协议( ...
QT学习之信号和槽，图片的添加
信号和槽给控件改名字为了分析代码方便,我们要给控件改名字,要通俗易懂. 例如:双击登陆后鼠标会选中右边的logoBt,即可修改名称. 什么是信号和槽信号:信号就是指控件发出的特定信号. 比如按钮 ...
UI界面的图片需要主动回收
牙叔教程简单易懂这种setImageBitmap必须主动回收图片, bitmap已经赋值给了你定义的变量, 既然你给图片添加了新的引用, 那么这张图片就归你管, 系统就不管了 "ui ...
PyQt5 图形界面-用Qt Designer来设计UI界面，并转化为python代码运行实例演示
Qt Designer 是 Qt Creater 程序里的一个功能. PyQt5 是把 Qt Designer 设计的界面转化为 python 代码的库. 请看这篇文章: Qt Creater.PyQ ...
写QT串口通信的UI界面时，数据输入文本框为什么要有文本(字符串)发送和十六进制发送？
今天使用qt编写界面给下位机串口通信时,遇到了十六进制发送的问题,查了好多分享都没有给出很清楚的解释和建设性的意见,最终尝试了好多次才明白,也对串口通信有了新的理解,在此写下我学到的内容,如有不对,还 ...
Locust学习笔记4——UI界面介绍
目录引言 UI界面启动界面测试监控界面 Charts模块说明 Failtures模块说明 Exceptions模块说明 Download Data New Test模块说明总结引言前面已经 ...
Qt之统一的UI界面格式基调，漂亮的UI界面
今天主要谈谈Qt UI界面统一样式(格式基调)的问题:例如在window系统上,几乎所有的窗口都有标题栏和状态栏以及中央部件,而且每一个标题栏和状态栏以及中央部件样式都保持一致的:但是在实际开发中我们 ...

Qt学习之在UI界面添加图片

注意：

Qt学习之在UI界面添加图片相关推荐

最新文章

热门文章

Qt学习之 在UI界面添加图片

注意：

Qt学习之 在UI界面添加图片相关推荐

最新文章

热门文章

Qt学习之在UI界面添加图片

Qt学习之在UI界面添加图片相关推荐