在实现一个页面跳转功能时,选择PushButton或QWidget可以有效当作按钮,而Qwidget可以添加label或者其它控件,自定义程度更高,因此本文给出几种给Qwidget绘制背景图片方法。
ui->widget->setStyleSheet("border-image:url(://MainButton1.png)");
该种方法简单高效,可以快速实现Qwidget背景图片的切换。
QPalette pal =this->palette();
pal.setBrush(QPalette::Background,QBrush(QPixmap(":/bg.jpg")));
setPalette(pal);
首先获得Widget调色板,再设置Brush,最后将设置应用到Widget中。
若显示不出来加上setAutoFillBackground(true);
// 设置背景图片setAutoFillBackground(true); // 这句要加上, 否则可能显示不出背景图.QPalette palette = this->palette();//palette.setColor(QPalette::Window, Qt::red); // 设置背景色//palette.setBrush(this->backgroundRole(), Qt::black);// 设置背景色palette.setBrush(QPalette::Window,QBrush(QPixmap(":/image/bkg.png").scaled( // 缩放背景图.this->size(),Qt::IgnoreAspectRatio,Qt::SmoothTransformation))); // 使用平滑的缩放方式this->setPalette(palette);
void Widget::paintEvent(QPaintEvent * ev)
{QPainter painter(this);painter.drawPixmap(rect(),QPixmap(":/bg.jpg"),QRect());
}
使用drawPixmap方法绘制一个矩形,传入第三个参数QRect()表示整个矩形区域,使用需要在新的类中重写PaintEvent
,不适用于子窗口中的Widget绘制。
QLabel:
Widget::Widget(QWidget *parent) :QWidget(parent)
{m_lblBg = new QLabel(this);m_lblBg ->setPixmap(QPixmap(":/bg.jpg"));m_lblBg ->setScaledContents(true);
}
void Widget::resizeEvent(QResizeEvent * ev)
{m_lblBg->resize(this->size());
}
需要调用QLabel的setScaledContents(true),否则会和使用qss效果相同,不过label可以显示动态图,因此这种方式也适用于动态界面。
QFrame:
QFrame *frame = new QFrame(this);frame->setObjectName("myframe");frame->setGeometry(this->geometry());frame->resize(width(),height());frame->setStyleSheet("QFrame#myframe{border-image:url(:/image/bkg.png)}" );
将label或frame通过Widget 的resizeEvent时间设置成和Widget一样,可以实现平铺效果,不过还是需要新建一个类,不适用子窗口。
方法 | 自适应 | 动图 | 新建类 |
---|---|---|---|
Qss | 是 | 否 | 否 |
QPalette | 是 | 否 | 否 |
paintEvent | 是 | 否 | 是 |
QLabel | 是 | 是 | 是 |
QFrame | 是 | 否 | 是 |
参考:
[1] Qt之QWidget设置窗口背景图片的几种方法
[2] QWidget设置背景图片