By Moky

Updated:

Contents
  1. 1. 问题的由来
  2. 2. 实验代码
  3. 3. 实验失败
  4. 4. 失败原因
  5. 5. 解决方案
  6. 6. 效果图

【转】原创作品，允许转载。转载时请务必以超链接形式标明文章原始出处、作者信息和本声明，否则将追究法律责任。
http://blog.csdn.net/yiyaaixuexi/article/details/6780551

问题的由来

心血来潮，想利用QTimer配合setWindowOpacity()方法来实现一个窗体淡入的效果。

实验代码

粗糙的实验代码：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
void Widget::on_pushButton_clicked()  
{  
   QTimer *timerOpacity = new QTimer(this);  
   connect(timerOpacity,SIGNAL(timeout()),this,SLOT(changeOpacity()));  
   timerOpacity->start(100);  
}  
  
void Widget::changeOpacity()  
{  
    if (opalevel > 8) return;  
    double opacity[9] =  {0.9,0.8,0.7,0.6,0.5,0.4,0.3,0.2,0.1};  
    ui->stackedWidget->setWindowOpacity(opacity[opalevel]);  
    ui->widget->setWindowOpacity(opacity[opalevel]);  
    this->setWindowOpacity(opacity[opalevel]);  
  
    qDebug()<<"opalevel = "<< opalevel <<" ui->widget opacity:"<<ui->widget->windowOpacity();  
    qDebug()<<"opalevel = "<< opalevel <<" ui->stackedWidget opacity:"<<ui->stackedWidget->windowOpacity();  
    qDebug()<<"opalevel = "<< opalevel <<" ui opacity : "<< this->windowOpacity()<<endl;  
}


实验失败

现象是主窗体的有淡入的效果，即透明度有变化，但是子窗体没有，opacity始终为1 。

1
2
3
4
5
6
7
8
9
Log ：
opalevel =  0  ui->widget opacity: 1 
opalevel =  0  ui->stackedWidget opacity: 1 
opalevel =  0  ui opacity  0.898039 
......
 
opalevel =  8  ui->widget opacity: 1 
opalevel =  8  ui->stackedWidget opacity: 1 
opalevel =  8  ui opacity  0.0980392


失败原因

1
2
3
4
5
6
7
void QWidget::setWindowOpacity(qreal opacity)  
{  
    Q_D(QWidget);  
    if (!isWindow())  
        return;  
//...  
}


解决方案

QGraphicsOpacityEffect

1
2
3
4
5
6
/ in the constructor  
opacityEffect = new QGraphicsOpacityEffect;  
ui->widget->setGraphicsEffect(opacityEffect);  
...  
// in changeOpacity()  
opacityEffect->setOpacity(opacity[opalevel]);


效果图

透明度
Qt
Contents
  1. 1. 问题的由来
  2. 2. 实验代码
  3. 3. 实验失败
  4. 4. 失败原因
  5. 5. 解决方案
  6. 6. 效果图