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);

本文来自CSDN博客:http://blog.csdn.net/lpt19832003/archive/2010/03/15/5381095.aspx


终于把qt半透明搞定了

QFrame *frame = new QFrame();
QPixmap grabPixmap = QPixmap::grabWindow( frame->winId(), 20, 0, 100, 100 );
frame->setGeometry( 20, 20, 100, 100 );
frame->hide();

QPixmap pixmap = Resource::loadPixmap( "qpelogo" );

QImage image = pixmap.convertToImage();
//image.convertDepth( 32 );
image.setAlphaBuffer( true );
QImage bgImage = grabPixmap.convertToImage();
//bgImage.convertDepth( 32 );
    bgImage.setAlphaBuffer( true );

    double k = 0.5;

QRgb *rgbpos1 = image.colorTable();
QRgb *rgbpos2 = bgImage.colorTable();

for( int y = 0; y < 80; y++ )
   for( int x = 0; x < 80; x++ )
    {

#if 1
       uint rgb1 = image.pixel( x, y );
     uint rgb2 = bgImage.pixel( x, y );
     unsigned int red = qRed(rgb1);
     unsigned int green = qGreen(rgb1);
     unsigned int blue = qBlue(rgb1);
     unsigned int bgred = qRed(rgb2);
     unsigned int bggreen = qGreen(rgb2);
     unsigned int bgblue = qBlue(rgb2);

     red = k * red + ( 1 - k ) * bgred;
     green = k * green + ( 1 - k ) * bggreen;
     blue = k * blue + ( 1 - k ) * bgblue;
     //red = red << 4;
     //green = green << 4;
     //blue = blue << 4;
#endif
     //color = QColor( red, green, blue );
     //unsigned int myrgb = color.rgb();
     //image.setPixel( x, y, myrgb );
     uint *p = (uint *)image.scanLine(y) + x;
                *p = qRgb( red, green, blue );
    
    }


qWarning("%d %d", image.depth(), bgImage.depth());

grabPixmap.convertFromImage( image );

frame->setBackgroundPixmap( grabPixmap );
frame->show();
#endif

zz: http://hi.baidu.com/sszllx/blog/item/ab833a59ea98622f2934f001.html


Qt实现嵌入桌面的半透明窗口

这儿用上了前面一文提到的函数findDesktopIconWnd()。
见: http://mypyg.blog.51cto.com/820446/263349

一、将Qt窗口嵌入到桌面中。
声明一个最简单的类:

Qt实现嵌入桌面的半透明窗口 class Dialog :  public QDialog
Qt实现嵌入桌面的半透明窗口{
Qt实现嵌入桌面的半透明窗口  Q_OBJECT
Qt实现嵌入桌面的半透明窗口
public:
Qt实现嵌入桌面的半透明窗口  Dialog(QWidget *parent = 0);
Qt实现嵌入桌面的半透明窗口  ~Dialog();
Qt实现嵌入桌面的半透明窗口}
函数实现:
Qt实现嵌入桌面的半透明窗口Dialog::Dialog(QWidget *parent)  : QDialog(parent)
Qt实现嵌入桌面的半透明窗口{
Qt实现嵌入桌面的半透明窗口  //创建个LineEdit用来测试焦点
Qt实现嵌入桌面的半透明窗口  QLineEdit* le =  new QLineEdit( this);
Qt实现嵌入桌面的半透明窗口}
Qt实现嵌入桌面的半透明窗口
Dialog::~Dialog()
Qt实现嵌入桌面的半透明窗口{
Qt实现嵌入桌面的半透明窗口}
主函数:
Qt实现嵌入桌面的半透明窗口 int main( int argc,  char *argv[])
Qt实现嵌入桌面的半透明窗口{
Qt实现嵌入桌面的半透明窗口  QApplication a(argc, argv);
Qt实现嵌入桌面的半透明窗口  Dialog w;
Qt实现嵌入桌面的半透明窗口
HWND desktopHwnd = findDesktopIconWnd();
Qt实现嵌入桌面的半透明窗口  if(desktopHwnd) SetParent(w.winId(), desktopHwnd);
Qt实现嵌入桌面的半透明窗口
w.show();
Qt实现嵌入桌面的半透明窗口  return a.exec();
Qt实现嵌入桌面的半透明窗口}
运行效果:
转载: Qt 的一些心得(背景设置,圆角,半透明) - 楚江北 - 矮子爬梯
有个窗口嵌入了桌面。按win+D组合键可以看到此窗口在桌面上。

二、让窗口全透明:
2.1最容易想到的就是setWindowOpacity()函数了。
w.setWindowOpacity(0.5),运行:结果杯具了,此函数完全无效,因为其父窗口特殊,这个函数内部使用的系统窗口标志不被支持。
2.2
w.setAttribute(Qt::WA_TranslucentBackground, true);
运行效果:
转载: Qt 的一些心得(背景设置,圆角,半透明) - 楚江北 - 矮子爬梯
全透明ok。如果其父窗口为空的话,透明的地方会成为黑块。

三、让窗口半透明
3.1w.setAttribute(Qt::WA_TranslucentBackground, true) + 背景调色板
运行效果仍然是全透明,因为TranslucentBackground为true,根本不画背景。
3.2单纯的背景调色板:
Qt实现嵌入桌面的半透明窗口QPalette pal = w.palette();
Qt实现嵌入桌面的半透明窗口  pal.setColor(QPalette::Background, QColor(100,100,100,50));
Qt实现嵌入桌面的半透明窗口  w.setPalette(pal);
Qt实现嵌入桌面的半透明窗口  w.setAutoFillBackground( true);
运行效果出现了半透明:
转载: Qt 的一些心得(背景设置,圆角,半透明) - 楚江北 - 矮子爬梯
但是还没大功告成,不停点击桌面,再点击这个窗口,会发现这个窗口越来越不透明,直至完全不透明了。不知道是不是qt的bug。
3.3转战paintEvent()
Qt实现嵌入桌面的半透明窗口 protected:
Qt实现嵌入桌面的半透明窗口  void paintEvent(QPaintEvent *);
Qt实现嵌入桌面的半透明窗口 void Dialog::paintEvent(QPaintEvent *e)
Qt实现嵌入桌面的半透明窗口{
Qt实现嵌入桌面的半透明窗口  QPainter p( this);
Qt实现嵌入桌面的半透明窗口  p.fillRect(rect(), QColor(0,0xff,0,30));
Qt实现嵌入桌面的半透明窗口}
用一个带有alpha值的颜色填充背景,运行效果发现颜色确实有alpha值,但是桌面的内容透不过来。
3.4setAttribute(Qt::WA_TranslucentBackground, true) + paintEvent()
运行效果:
转载: Qt 的一些心得(背景设置,圆角,半透明) - 楚江北 - 矮子爬梯
得到了设想中的效果。
最终的主函数代码:
Qt实现嵌入桌面的半透明窗口 int main( int argc,  char *argv[])
Qt实现嵌入桌面的半透明窗口{
Qt实现嵌入桌面的半透明窗口  QApplication a(argc, argv);
Qt实现嵌入桌面的半透明窗口  Dialog w;
Qt实现嵌入桌面的半透明窗口
HWND desktopHwnd = findDesktopIconWnd();
Qt实现嵌入桌面的半透明窗口  if(desktopHwnd) SetParent(w.winId(), desktopHwnd);
Qt实现嵌入桌面的半透明窗口
w.setAttribute(Qt::WA_TranslucentBackground,  true);
Qt实现嵌入桌面的半透明窗口
w.show();
Qt实现嵌入桌面的半透明窗口  return a.exec();
Qt实现嵌入桌面的半透明窗口}
最终的dialog实现代码:
Qt实现嵌入桌面的半透明窗口Dialog::Dialog(QWidget *parent)  : QWidget(parent)
Qt实现嵌入桌面的半透明窗口{
Qt实现嵌入桌面的半透明窗口  //创建个LineEdit用来测试焦点
Qt实现嵌入桌面的半透明窗口  QLineEdit* le =  new QLineEdit( this);
Qt实现嵌入桌面的半透明窗口}
Qt实现嵌入桌面的半透明窗口
Dialog::~Dialog()
Qt实现嵌入桌面的半透明窗口{
Qt实现嵌入桌面的半透明窗口}
Qt实现嵌入桌面的半透明窗口
void Dialog::paintEvent(QPaintEvent *e)
Qt实现嵌入桌面的半透明窗口{
Qt实现嵌入桌面的半透明窗口  QPainter p( this);
Qt实现嵌入桌面的半透明窗口  p.fillRect(rect(), QColor(0,0xff,0,30));
Qt实现嵌入桌面的半透明窗口}


PS:
经测试此代码在XP运行不正常。窗口成为黑色背景块。只能是颜色半透明了。
还有就是图标会被盖住。

在QT中自绘控件的方法说明 收藏 
首先给出在QT中进行标题栏自绘的方法(两个网址给出了方法和参考代码)

litterflybug的专栏 ::http://blog.csdn.net/litterflybug/archive/2009/05/07/4157482.aspx

QT官方FAQ: http://www.qtsoftware.com/developer/faqs/faq.2007-04-25.2011048382

其次,做一点关于在windows平台下将顶级窗口透明化的说明

1.在4.5版本以前,要实现Top level窗口的透明化,需要使用setMask方法,该方法有两个重载,一个是QRegion定义一个区域表明这一区域是要被绘制的区域,在该区域以外的地方是不需要绘制的.第二个重载版本是需要一个QBitmap,这个QBitmap只需要一张单色位图就可以了(另外,一张带有透明效果的PNG图片被读入QPixmap中以后,可以使用函数mask()返回一张与原图对应的单色位图,这很方便实际使用),白色部分表示是不透明要被绘制的区域,黑色部分表示该区域不应该被绘制(能实现透明的效果).

2.4.5版本发行以后,可以设置窗口属性Qt::WA_TranslucentBackground来设定该窗口透明显示,但是有一个问题,就是如果该窗口是个top level窗口,就会有标题栏(title bar), 在windows平台下,如果不把这个标题栏去掉(设置Qt::FramelessWindowHint 标志位就会去掉标题栏),那么将不会是透明效果,而是背景为全黑(我的实验结果是这样)

  • 4
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值