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

95 阅读 0 评论 63 点赞

我是靠谱客的博主发嗲书本，最近开发中收集的这篇文章主要介绍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 );