Qt的四個常見的圖像疊加模式

Qt的QPainter::CompositionMode提供了多種圖像疊加的模式。常見的有QPainter::CompositionMode_SourceOver, QPainter::CompositionMode_SourceAtop,

QPainter::CompositionMode_DestinationOver和QPainter::CompositionMode_DestinationAtop。現在逐個描述這四種模式的效果。

 

從http://www.tuicool.com/articles/NF3qIb下載了兩幅尺寸相等圖片：

 

現在用第一幅圖片做掩蓋，與第二幅圖片合成

 

1）QPainter::CompositionMode_DestinationOver

 

 

#include "mainwindow.h"
#include <QMessageBox>
#include <QFileDialog>
#include <QPainter>
#include <QPaintEvent>


MainWindow::MainWindow(QWidget *parent)
    : QMainWindow(parent)
{
    QString filename;
    filename=QFileDialog::getOpenFileName(this,
                                              tr("選擇圖像"),
                                              "",
                                              tr("Images (*.png *.bmp *.jpg *.tif *.GIF )"));
        if(filename.isEmpty())
        {
             return;
        }
        else
        {
            if(! ( m_img.load(filename) ) ) //加載圖像
            {
                QMessageBox::information(this,
                                         tr("打開圖像失敗"),
                                         tr("打開圖像失敗!"));

                return;
            }
            m_img.load(filename);
        }


    filename=QFileDialog::getOpenFileName(this,
                                          tr("選擇mask"),
                                          "",
                                          tr("Images (*.png *.bmp *.jpg *.tif *.GIF )"));
            if(filename.isEmpty())
            {
                 return;
            }
            else
            {
                if(! ( m_mask.load(filename) ) ) //加載圖像
                {
                    QMessageBox::information(this,
                                             tr("打開圖像失敗"),
                                             tr("打開圖像失敗!"));

                    return;
                }
                m_mask.load(filename);
            }
}

MainWindow::~MainWindow()
{

}

void MainWindow::paintEvent(QPaintEvent *e)
{
    QImage * newImage = new QImage(m_img);

    QImage * mask = new QImage(m_mask);
    QPainter painter;

    painter.begin(mask);

    painter.setCompositionMode(QPainter::CompositionMode_DestinationOver);
    painter.drawImage(0, 0, * newImage);

    painter.end();

    painter.begin(this);
    painter.drawImage(e->rect(), * mask);
    painter.end();

    delete mask;
    delete newImage;
}

注： m_mask和m_img都是QImage類型的變量，也是MainWindow類的成員。一個代表掩蓋圖，一個代表花瓶圖。運行程序時，MainWindow的構造函數會先詢問哪一個文件是被遮擋的花瓶圖。你選定之后，MainWindow會再次詢問哪一個是掩蓋圖。選定之后，程序自動調用paintEvent，把兩個圖合成。

 

 

效果：

 

2）CompositionMode_DestinationAtop

將painter.setCompositionMode(QPainter::CompositionMode_DestinationOver)一句改為painter.setCompositionMode(QPainter::CompositionMode_DestinationAtop)即可。

效果和1）相同。

3）CompositionMode_SourceAtop

將painter.setCompositionMode(QPainter::CompositionMode_DestinationOver)一句改為painter.setCompositionMode(QPainter::CompositionMode_SourceAtop)即可。

效果：

 

4）CompositionMode_SourceOver。遮蓋不起作用。