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 );