Qpalette用实例

刺骨的言语ヽ痛彻心扉 2022-09-19 12:17 31阅读 0赞

先参考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 也是个功能强大的东东，鉴于你可能不怎么使用，你只知道能设置颜色就行。

**\[cpp\]** [ view plain][view plain] [copy][view plain] [print][view plain] [?][view plain]

1.  //注意要先调用setAutoFillBackground    
2.  textEdit->setAutoFillBackground(true);  
3.  QPalette palette;  
4.  //设置QTextEdit文字颜色   
5.  palette.setBrush(QPalette::Active, QPalette::Text, QBrush(Qt::yellow));  
6.  //设置QTextEdit背景色   
7.  palette.setBrush(QPalette::Active, QPalette::Base, QBrush(Qt::red));  
8.  textEdit->setPalette(palette);

//注意要先调用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][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);

[view plain]: http://blog.csdn.net/ymc0329/article/details/7903226#
[http_blog.csdn.net_ymc0329_article_details_7903226]: http://blog.csdn.net/ymc0329/article/details/7903226