开发环境 Qt5.5.1、Qt Creator 3.5.1
“颜色减淡”模式的公式是:基色+(基色*混合色)/(255-混合色)= 结果色,其中(255-混合色)当于混合色的反相。
1、若混合色为0(黑色),则由于(基色*混合色)这项为0,则结果色等于基色,图像不发生变化;基混合色为128(50%的黑),情况分为两种:
(1)当基色小于128时,结果色等于2基色,由于这个数值小于255所以呈某种阶调的灰。
(2)而当基色大于128(50%的黑)时,结果色等于2基色,这个值是大于255值,255(白色);
2、若混合色为255(白色),则混合色的反相为0,无论基色为何值,结果色都大于255,归为255(白色)。
下面是Qt的实现代码
1、mainwindow.h
#ifndef MAINWINDOW_H
#define MAINWINDOW_H
#include <QMainWindow>
#include <QLabel>
#include <qmath.h>
namespace Ui {
class MainWindow;
}
class MainWindow : public QMainWindow
{
Q_OBJECT
public:
explicit MainWindow(QWidget *parent = 0);
~MainWindow();
public slots:
void onSliderValueChange(int value);
private:
Ui::MainWindow *ui;
//图像显示宽度
int width;
//图像显示高度
int height;
//图像
QImage image;
//将图片设置到label上作为背景
void setLabelImage(QLabel *widget, const QImage &image);
//获取颜色减淡算法生成的图片
void getNewImage(int secondaryColors, QImage* outImage);
//颜色减淡算法(基色+(基色*混合色)/(255-混合色)= 结果色)
uint colorDodgeAlgorithm(int primaryColor, int secondaryColors);
};
#endif // MAINWINDOW_H
2、mainwindow.cpp
#include "mainwindow.h"
#include "ui_mainwindow.h"
MainWindow::MainWindow(QWidget *parent) :
QMainWindow(parent),
ui(new Ui::MainWindow)
{
ui->setupUi(this);
ui->horizontalSlider->setMinimum(0);
ui->horizontalSlider->setMaximum(255);
connect(ui->horizontalSlider, SIGNAL(valueChanged(int)), this, SLOT(onSliderValueChange(int)));
onSliderValueChange(ui->horizontalSlider->value());
width = ui->label_image1->width();
height = ui->label_image1->height();
image = QImage("D:/cx-文件/Desktop/d4b07c36acaf2edd45eece0a8a1001e938019374.jpg").scaled(width, height);
width = image.width();
height = image.height();
setLabelImage(ui->label_image1, image);
setLabelImage(ui->label_image2, image);
}
void MainWindow::setLabelImage(QLabel *widget, const QImage &image) {
widget->setAutoFillBackground(true);
QPalette palette = widget->palette();
palette.setBrush(QPalette::Window, QBrush(image));
widget->setPalette(palette);
}
void MainWindow::getNewImage(int secondaryColors, QImage* outImage) {
for(int i=0; i<width; i++) {
for(int j=0; j<height; j++) {
QRgb rgb = image.pixel(i,j);
// QColor rgbColor = QColor::fromRgb(rgb);
//float hue; // [0,360] 色调(色相)
//float saturation; // [0,100] 饱和度
//float luminance; // [0,100] 亮度
// QColor hslColor = rgbColor.toHsl();
// int h,s,l;
// hslColor.getHsl(&h, &s, &l);
// l *= secondaryColors / 255;
// l = colorDodgeAlgorithm(l, secondaryColors);
// hslColor = QColor::fromHsl(h,s,l);
int r = qRed(rgb);
int g = qGreen(rgb);
int b = qBlue(rgb);
uint resultR = colorDodgeAlgorithm(r, secondaryColors);
uint resultG = colorDodgeAlgorithm(g, secondaryColors);
uint resultB = colorDodgeAlgorithm(b, secondaryColors);
uint resultRgb = ((resultR & 255)<<16 | (resultG & 255)<<8 | (resultB & 255));
outImage->setPixel(i, j, resultRgb);
// outImage->setPixel(i, j, colorDodgeAlgorithm(rgb, secondaryColors));
// outImage->setPixel(i, j, hslColor.rgb());
}
}
}
uint MainWindow::colorDodgeAlgorithm(int primaryColor, int secondaryColors)
{
if(secondaryColors >= 255) {
return 255;
}
//基色 +(基色*混合色)/(255-混合色)= 结果色
int result = (primaryColor + (uint)(primaryColor*secondaryColors) / (255 - secondaryColors));
// int result = primaryColor - secondaryColors;
if(result > 255) {
result = 255;
} else if(result < 0) {
result = 0;
}
return result;
}
void MainWindow::onSliderValueChange(int value)
{
ui->label_slider_value->setText(QString("%1 / %2").arg(QString::number(value)).arg(QString::number(ui->horizontalSlider->maximum())));
if(image.isNull()) {
return;
}
// uint secondaryColors;
// if(value == 0) {
// secondaryColors = 0;
// } else if(value == ui->horizontalSlider->maximum()) {
// secondaryColors = 4294967295;
// } else {
// secondaryColors = (uint)(429496729.5 * value);
// }
QImage *outImage = new QImage(width, height, QImage::Format_RGB32);
getNewImage(value, outImage);
setLabelImage(ui->label_image2, *outImage);
}
MainWindow::~MainWindow()
{
delete ui;
}上面的注释中有我演算其它图形图像算法的一些代码,所以看起来有点乱,不过不影响整体效果
软件实际截图