Qt 背景小节
Qt 背景小节
一、设置背景的几种方法。
1）最简单的stylesheet
这个方法就是设置Widget的styleSheet属性，其值为字串，内容和通常的Css一样。
上代码：
Test w; // w is a QWidget object
w.setStyleSheet("background:url(:/images/bg.png)"); // Qt's resource file
w.show();
有文章说stylesheet会使得子widget无法重新设置自己的背景，我试验过没有这样的情况，可能我试验有问题，更大的可能是新版本的QT已经修改了相关bug。
还可以通过w.setObjectName("july");
来设置widget的id。这样在stylesheet中就更容易控制了。比如
setStyleSheet(“QLabel #july {background: green;}”);
2)使用QPalette
这个方法通过继承Widget原有的palette()，然后给新的palette加入背景图片的属性（通过QBrush），再把它赋给Widget。上代码：
QPixmap bgImages(":/images/bg.png");
QPalette bgPalette = w.palette();
bgPalette.setBrush(QPalette::Background,bgImages);
w.setPalette(bgPalette);
3)使用paintevent
这个方法就是通过重新实现QWidget的paintEvnet（）在widget显示的时候重新绘制widget。需要使用QPainter来绘制，上代码：
void Test::paintEvent(QPaintEvent *event)
{
// firsr set our pen
QPainter painter(this);
painter.setPen(QPen(Qt::black,2,Qt::SolidLine,Qt::RoundCap));
// then paint our book's A face a rectrangel
painter.drawRect(50,0,550,750);
// then draw right line
painter.drawLine(0,50,0,800);
// then draw bottom line
painter.drawLine(0,800,600,800);
// then draw a line connect A face and B face
painter.drawLine(0,50,50,0);
// then draw a arc connect A face and B face
painter.drawArc(0,750,100,100,90*16,90*16);
// then draw an other arc to connect
painter.drawArc(575,750,50,50,90*16,180*16);
}
这个用pen画了一个类似书本的图像，也可以通过设置setBrush用图片来填充，这样就可以得到背景图片了。
二、透明背景
我现在用个是Qt 4.7.3。所以以下说的都是适用这个版本的，因为版本不同会导致各种各样的问题。比如在新版本中抛弃了Qt：：WStyle_NoBorder这样一些WindowFlags，而用Qt::FramlessWindowHint替代，所以基于以前的Flags的透明效果也就不其作用了。
1）使用stylesheet
首先自己做好一个带有透明效果的png图片。然后用上面介绍的Stylesheet的方法将图片设置成widgetd的背景图片。这个时候，还会有边框和背景色，然后设置一下Qt：：FramlessWindosHint来消除边框设置Qt::WA_TranslucentBackground来使背景色透明。
上代码：
Test w;
w.setStyleSheet("background:url(:/images/bg.png)");
w.setWindowFlags(Qt::FramelessWindowHint);
w.setAttribute(Qt::WA_TranslucentBackground,true);
2）使用png图片配合mask()
同上面一样自己做好一个带有透明效果的png图片。然后用上面介绍的QPalette方法，将图片设置成widget的背景，但是这是会发现在Windows下面，透明的部分编程了黑色。这个时候在把父widget的mask设置成和图片一样的就可以了，具体原因可以查下Qt处理图片mask的资料。上代码：
/*
*set background image
*/
QPixmap bgImages(":/images/bg.png");
QPalette bgPalette = this->palette();
bgPalette.setBrush(QPalette::Background,bgImages);
this->setPalette(bgPalette);
setMask(bgImages.mask());// set background mask attribute same as background's image
总结：
还有使用setWindowOpacity(1)的方法通过透明度来设置背景透明，这个我没有试验成功，有兴趣的朋友可以尝试一下。这里大家在通过这些方法设置背景后会发现标题栏不见了，而且window也不可以用鼠标拖动，这个好像是因为设置了Qt::FramelessWindowHint，但是用Palette方法也会消失。可能Qt觉得既然你要了这样的效果就得重新实现标题栏和拖动。呵呵……所谓有得有失嘛。