1、引言
在实现一个页面跳转功能时,选择PushButton或QWidget可以有效当作按钮,而Qwidget可以添加label或者其它控件,自定义程度更高,因此本文给出几种给Qwidget绘制背景图片方法。
2、使用样式表(setStyleSheet)
ui->widget->setStyleSheet("border-image:url(://MainButton1.png)");
该种方法简单高效,可以快速实现Qwidget背景图片的切换。
3、QPalette
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);
4、paintEvent事件
void Widget::paintEvent(QPaintEvent * ev)
{
QPainter painter(this);
painter.drawPixmap(rect(),QPixmap(":/bg.jpg"),QRect());
}
使用drawPixmap方法绘制一个矩形,传入第三个参数QRect()表示整个矩形区域,使用需要在新的类中重写PaintEvent
,不适用于子窗口中的Widget绘制。
5、简洁方式
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一样,可以实现平铺效果,不过还是需要新建一个类,不适用子窗口。
6、总结
方法 | 自适应 | 动图 | 新建类 |
---|---|---|---|
Qss | 是 | 否 | 否 |
QPalette | 是 | 否 | 否 |
paintEvent | 是 | 否 | 是 |
QLabel | 是 | 是 | 是 |
QFrame | 是 | 否 | 是 |