QT designer设置背景图片拉伸版

QT designer设置背景图片

  1. 首先设置背景图
    (1)添加图片资源
    在Qt designer中打开搜索style,打开styleSheet
    QT designer设置背景图片拉伸版_第1张图片QT designer设置背景图片拉伸版_第2张图片
    QT designer设置背景图片拉伸版_第3张图片
    复制图片相对地址,并删除里面所有内容:
    QT designer设置背景图片拉伸版_第4张图片
    (2)设置背景图片
    在你要设置背景图片的那个窗口的.hpp文件中声明
    QT designer设置背景图片拉伸版_第5张图片
    setbackground()是设置背景
    resizeEvent()是改变窗口大小

打开对应的.CPP文件
QT designer设置背景图片拉伸版_第6张图片
添加代码如下:(demo01改成你自己的)

void demo01::setBackground() {
     
   /*
       const QString filePath = QLatin1String(":/demo01/x64/Debug/bgPic.png");
    QPixmap pixmap(filePath);
    QPalette palette = this->palette();
    palette.setBrush(backgroundRole(), QBrush(pixmap.scaled(this->size())));  // pixmap.scaled(this->size()) 这里需要注意,它决定了背景是否可拉伸。  
    setPalette(palette);
   */
    QPalette PAllbackground = this->palette();
    QImage ImgAllbackground(":/demo01/x64/Debug/bgPic.png");
    QImage fitimgpic = ImgAllbackground.scaled(this->width(), this->height(), Qt::IgnoreAspectRatio);
    PAllbackground.setBrush(QPalette::Window, QBrush(fitimgpic));
    this->setPalette(PAllbackground);
}

void demo01::resizeEvent(QResizeEvent* event) {
     
    this->setBackground();
}

运行成功
QT designer设置背景图片拉伸版_第7张图片

你可能感兴趣的:(qt学习,qt界面设置,qt5)