先参考Qt Assistant ,查看QPalette类与 QWidget::setPalette ( const QPalette & )
Qt的样式/颜色机制主要有两个体系,一个是用调色板(QPalette) 另一个是样式表Style Sheets。在Qt4之前 Qt的图形化组件的各种颜色(前景色、背景色、文本色、选中色、非选中色等)有不同的函数,例如setBackgroundColor函数。但在Qt4之后这些函数不在使用,而是由QPalette调色板管理,当然样式表(Style Sheets)也是可以的,在Qt4.5以后Qt样式表已经完美支持Mac系统了,所有也是个不错的选择,特别是对有CSS使用经验的人来说。
这样对于普通的图形化控件(如QWidget)的颜色管理就有两种方式,大家根据个人喜欢使用, 还是建议使用调色板,但调色板说明文档不够详细,大家使用时注意。
1.调色板(QPalette)
调色板顾名思义就是设置好颜色在要求的地方进行填充。调色板有两个最重要的函数:setBrush 和 setColor
1.1setBrush
void QPalette::setBrush ( ColorGroup group, ColorRole role, const QBrush & brush );
setBrush 即为画刷,就是设置好刷墙的刷子,它要设置三个问题:1.什么时候刷,2.在哪刷,3.刷成什么样?
1.1.1:什么时候刷QPalette::ColorGroup
QPalette::Disabled
QPalette::Active
QPalette::Inactive
QPalette::NormalActive
大部分情况下QPalette::Active就可以。
1.1.2:在哪刷QPalette::ColorRole
这个是最重要的参数,就是决定是刷背景色还是前景色,还是文本色等等,Assistant中有详细介绍,下面略作说明:
QPalette::Window 通常指窗口部件的背景色;
QPalette::Background
QPalette::WindowText 通常指窗口不见的前景色;
QPalette::Foreground
QPalette::Base 指文本输入窗口部件(比如QTxtEdit,QLinedit等)的背景色.
QPalette::AlternateBase
QPalette::ToolTipBase
QPalette::ToolTipText
QPalette::Text 与QPalette::Base一块使用,指文本输入窗口部件的前景色;
QPalette::Button 指按钮窗口部件的背景色;
QPalette::ButtonText 指按钮窗口部件的前景色.
QPalette::BrightText
1.1.3刷成什么样QBrush
画刷QBrush 也是个功能强大的东东,鉴于你可能不怎么使用,你只知道能设置颜色就行。
//注意要先调用setAutoFillBackground
textEdit->setAutoFillBackground(true);
QPalette palette;
//设置QTextEdit文字颜色
palette.setBrush(QPalette::Active, QPalette::Text, QBrush(Qt::yellow));
//设置QTextEdit背景色
palette.setBrush(QPalette::Active, QPalette::Base, QBrush(Qt::red));
textEdit->setPalette(palette);
1.2setColor
void QPalette::setColor ( ColorGroup group, ColorRole role, const QColor & color );
虽然setColor参数和setBrush差不多,只是最后一个参数更简洁,直接设置好颜色就行。
1.3说明这就是调色板QPalette 的实现了,特别说明的一点是在QTextEdit使用是遇到了点小问题。初始化时使用了上面的那段代码,但想中途改变QTextEdit的背景色时,在调用同样方式确没有效果,多次测试没找到原因(难道是bug?),所有采用了下面这种方法:样式表(Style Sheets)
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
2.样式表(Style Sheets)
样式表是个更加强大的工具,它作为一个独立的部分在整个Qt框架中存在,个人认为样式表(QStyle/QStyleSheet)和QProperty两个东西就是Qt中的两个小乖乖。虽然我们用的少,但却是是很实用的功能。我称之为Qt的轻量级描述工具。样式表特别适合对CSS有一定经验的实用。其基本方法就是
voidsetStyleSheet ( const QString & styleSheet );
至于const QString & styleSheet 就是写CSS语句,例如要设置背景色为#000000,颜色为#FFFFFF语句就是:
setStyleSheet ("background-color: #000000;color: #ffffff;");
下面总结了一下常用的styleSheet 语句:
//设置背景色与颜色
setStyleSheet ("background-color: #000000;color: #ffffff;");
//只设置当前,不影响子组件
setStyleSheet ("venus--TitleBar {background-color:#000000;color: #ffffff;}");
// 圆角控件
setStyleSheet ("border:2px groovegray;border-radius:10px;padding:2px 4px;");
3.说明
以上就是个人对Qt样式/颜色机制的理解,若有错误敬请指正,转载请注明本出处。
来源;http://blog.csdn.net/ymc0329/article/details/7903226
==========================================================================================
所有的Qt窗口部件都有一个Qpalette,并使用它绘制自己。应用程序还有一个调色板,通过Qapplication::palette()来获得,修改一个窗口部件的调色板,只影响这个窗口部件以及子窗口部件(不包含子窗口),而修改应用程序的调色板,会影响到该应用程序的所有窗口部件。
1、窗体控件设置背景图片
窗体
QPalette palette;
palette.setBrush(QPalette::Window,QBrush(QPixmap("./src/*.png")));
this->setPalette(palette);
2、设置按钮字体颜色
QPalette pal=ui->pb_Film->palette();
pal.setColor(QPalette::Active, QPalette::ButtonText, Qt::white);
ui->pb_Film->setPalette(pal);
一. 背景刷成黑色,前景色设为白色。
方法一、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);