QT 修改控制元件背景顏色
一. 背景刷成黑色,前景色設為白色。 方法一、paltette方式,經測試,該方法不會影響到其他控制元件,推薦使用 QPalette bgpal = palette();
bgpal.setColor (QPalette::Background, QColor (0, 0 , 0, 255));
//bgpal.setColor (QPalette::Background, Qt::transparent);
bgpal.setColor (QPalette::Foreground, QColor (255,255,255,255)); setPalette (bgpal);
方法二、stylesheet方式 影響子控制元件的方法是:
setStyleSheet ("background-color: rgb(0,0,0);color: rgb(255,255,255);");
不影響子控制元件的方法是:
setStyleSheet ("venus--TitleBar {background-color: rgb(0,0,0);color: rgb(255,255,255);}");
二. 圓角控制元件 用stylesheet方式
setStyleSheet ("border:2px groove gray;border-radius:10px;padding:2px 4px;");
三. 圓角視窗 RoundRectWin::RoundRectWin() { QPalette p = palette(); QPixmap img("roundrect.png");
QBitmap mask("roundrect_mask.png");
p.setBrush(QPalette::Window, QBrush(img));
setPalette(p);
setMask(mask);
resize(img.size());
//setWindowFlags(Qt::FramelessWindowHint);//這句會去掉標題欄 } 注意:mask的圖多餘部分設為白色
四. 半透明視窗
1.視窗整體透明,但是窗體上的控制元件不透明。 通過設定窗體的背景色來實現,將背景色設定為全透。 QPalette pal = palette();
pal.setColor(QPalette::Background, QColor(0x00,0xff,0x00,0x00)); setPalette(pal); 試驗效果:
窗體標題欄不透明;
窗體客戶區上的控制元件不透明,QLabel控制元件只是字顯示,控制元件背景色透明; 窗體客戶區完全透明。
另外從網上看到的方法: setAttribute(Qt::WA_TranslucentBackground, true); 試驗的結果是類似於上面的方法,但有時候窗體會被一些雜色斑點填充,未找到原因。
2.視窗及其上面的控制元件都半透明:
setWindowOpacity(0.7)
試驗效果:視窗及控制元件都半透明。注意不能夠setWindowFlags(Qt::FramelessWindowHint);要不就不起作用
3.視窗整體不透明,區域性透明:
在Paint事件中使用Clear模式繪圖。
void TestWindow::paintEvent( QPaintEvent* )
{ QPainter p(this);
p.setCompositionMode( QPainter::CompositionMode_Clear ); p.fillRect( 10, 10, 300, 300, Qt::SolidPattern ); }
試驗效果:繪製區域全透明。如果繪製區域有控制元件不會影響控制元件。
以上實驗均是基於Directfb的Qte測試。在Linux下及Windows下效果會略有不同。 比如在Windows下第3個實驗,繪製區域就是一個黑窟窿,如果Window本身半透,則是Window下面的內容加上半透效果,不是全透明效果。
五. 控制QPixmap的alpha
QPixmap temp(pixmapTop.size()); temp.fill(Qt::transparent);
QPainter p(&temp);
p.setCompositionMode(QPainter::CompositionMode_Source);
p.drawPixmap(0, 0, pixmapTop);
p.setCompositionMode(QPainter::CompositionMode_DestinationIn);
p.fillRect(temp.rect(), QColor(0, 0, 0, alpha)); //--lable顯示前景圖片 ui->label->setScaledContents(true);
ui->label->setPixmap(temp);
六. layout 的邊界 layout->setMargin (0);