//!
//! 随笔：Qt变色图像三态按钮
//!
//! == 控件简介 ==
//! 本次提供继承QWidget的按钮控件，提供显示图片功能，
//!     可根据图片透明度设置前景色和后景色，可添加边框和设置保持进入状态颜色，
//!     提供sn_clicked信号（鼠标抬起时发出）
//! == 控件简介 ==
//!
//! 结束语：
//!     文章后提供qbutt_col.h和qbutt_col.cpp文件
//!
#include "../qbutt_col.h"
#include "widget.h"
#include <iostream>
#include <QApplication>using namespace std;int main(int argc, char *argv[])
{QApplication a(argc, argv);Widget w;w.show();qbutt_col bu1(&w);bu1.set_pic("/home/red/open/github/qt_hur/pic/m_one/m_2.png");bu1.set_col_foreground({0x808080,0x101010,0xff0000});  //前景色bu1.set_col_background({0xffaa44,0xff0000,0xffff00});  //背景色bu1.set_frame(true,QPen(QColor(0x010000),6));          //设置边框（宽度设置偶数可居中）bu1.show();w.connect(&bu1,&qbutt_col::sn_clicked,&w,[](){cout<<"sn_clicked"<<endl;});qbutt_col bu2(&w);bu2.move(bu1.width()+10,0);bu2.set_pic("/home/red/open/github/qt_hur/pic/m_one/m_2.png",100,200);bu2.set_col_foreground({0x808080,0x101010,0xff0000});  //前景色bu2.set_col_background({0xffaa44,0xff0000,0xffff00});  //背景色bu2.set_frame(true,QPen(QColor(0x010000),6));          //设置边框（宽度设置偶数可居中）bu2.set_keep_col(true); //保持进入颜色bu2.show();w.connect(&bu2,&qbutt_col::sn_clicked,&w,[](){cout<<"sn_clicked"<<endl;});return a.exec();
}

//!
//! qbutt_col.h
//!
#ifndef QBUTT_COL_H
#define QBUTT_COL_H#include <QWidget>
#include <QPainter>
#include <QWidget>
#include <QMouseEvent>//!
//! 功能：图片变色三态按钮
//! 用法：传入一张PNG图片（推荐黑白图片），传入三态RGB颜色，触发三态时根据RGB颜色改变图片颜色
//! 原理：保留PNG图片每个点位的颜色信息和透明度，如果点为不透明，根据三态RGB颜色改变点为颜色
//! 注意：前景指有颜色的像素点，背景指透明的像素点
//!
class qbutt_col : public QWidget
{Q_OBJECT
public:struct status{QColor normal;QColor enter;QColor press;};public:explicit qbutt_col(QWidget *parent = nullptr);bool set_pic(QString pic,int w = 0,int h = 0);  //设置图片void set_col_foreground(status col);            //设置前景变化颜色void set_col_background(status col);            //设置背景变化颜色void set_keep_col(bool keep);                   //保持进入状态颜色void set_frame(bool frame,QPen pen);            //保持进入状态颜色 (QPen-width双倍数值可居中)signals:emit void sn_clicked();protected://绘图事件void paintEvent(QPaintEvent *event) override;//触发事件void enterEvent(QEvent *event) override;void mousePressEvent(QMouseEvent *event) override;void leaveEvent(QEvent *event) override;void mouseReleaseEvent(QMouseEvent *event) override;//改变像素点颜色void ch_col_point(QColor col_fore,QColor col_back);private:bool _keep_col = false;     //保存进入颜色bool _load_pic = false;     //加载图片bool _paint_frame = false;  //边框bool _paint_fore = false;   //前景bool _paint_back = false;   //背景status _fore;       //前景status _back;       //背景QPen _pen_frame;    //边框颜色QPixmap _pix;       //显示图片QVector<QVector<int>> _vec_alpha;   //记录像素点透明度
};#endif // QBUTT_COL_H

//!
//! qbutt_col.cpp
//!
#include "qbutt_col.h"qbutt_col::qbutt_col(QWidget *parent) : QWidget(parent)
{}bool qbutt_col::set_pic(QString pic,int w,int h)
{_load_pic = _pix.load(pic);if(_load_pic){//载入图片，保存透明度像素点if(w != 0 || h != 0) _pix = _pix.scaled(w,h); //设置缩放QImage img = _pix.toImage();_vec_alpha.resize(img.width());for(int w=0;w<img.width();w++){_vec_alpha[w].resize(img.height());for(int h=0;h<img.height();h++){_vec_alpha[w][h] = img.pixelColor(w, h).alpha();}}this->resize(img.size()); //重置大小到图片尺寸}return _load_pic;
}void qbutt_col::set_col_foreground(status col)
{_paint_fore = true;_fore = col;ch_col_point(_fore.normal,_back.normal);
}void qbutt_col::set_col_background(status col)
{_paint_back = true;_back = col;ch_col_point(_fore.normal,_back.normal);
}void qbutt_col::set_keep_col(bool keep)
{_keep_col = keep;
}void qbutt_col::set_frame(bool frame,QPen pen)
{_paint_frame = frame;_pen_frame = pen;
}void qbutt_col::paintEvent(QPaintEvent *event)
{if(_load_pic){QPainter *show = new QPainter(this);show->drawPixmap(0,0,_pix);if(_paint_frame){show->setPen(_pen_frame);show->drawRect(this->rect());}show->end();}else QWidget::paintEvent(event);
}void qbutt_col::enterEvent(QEvent *event)
{ch_col_point(_fore.enter,_back.enter);QWidget::enterEvent(event);
}void qbutt_col::mousePressEvent(QMouseEvent *event)
{ch_col_point(_fore.press,_back.press);QWidget::mousePressEvent(event);
}void qbutt_col::leaveEvent(QEvent *event)
{if(_keep_col == false) { ch_col_point(_fore.normal,_back.normal); }QWidget::leaveEvent(event);
}void qbutt_col::mouseReleaseEvent(QMouseEvent *event)
{if(this->rect().contains(event->pos())) { emit sn_clicked(); }ch_col_point(_fore.enter,_back.enter);QWidget::mouseReleaseEvent(event);
}void qbutt_col::ch_col_point(QColor col_fore,QColor col_back)
{if(_paint_fore == false) return;QImage img = _pix.toImage(); //载入for (int w=0;w<img.width();w++){for (int h=0;h<img.height();h++){if(_vec_alpha[w][h] > 0 && _paint_fore){col_fore.setAlpha(_vec_alpha[w][h]);img.setPixelColor(w,h,col_fore);}else if(_paint_back) { img.setPixelColor(w,h,col_back); }}}_pix = QPixmap::fromImage(img); //保存this->update();
}

== 测试图片 ==

随笔：Qt变色图像三态按钮相关推荐

【WPF】使用 XAML 的 Trigger 系统实现三态按钮
利用 WPF 的 Trigger 系统,也可以很简单的只使用xmal实现三态按钮.在Window或UserControl的资源中声明按钮的style并加入触发功能.使用的时候直接在button里复写s ...
java怎样调用图像做按钮_swing-Java：使用图像作为按钮
swing-Java:使用图像作为按钮我想将图像用作Java中的按钮,而我尝试这样做: BufferedImage buttonIcon = ImageIO.read(new File(" ...
Qt中如何给按钮加图标（背景图片）
Qt中如何给按钮加图标(背景图片) 1. Qt Designer中拖入一Tool Button 2. 选择图标的图片放入工程目录下,如放在Resources内 3. 双击工程的Resource Fil ...
Qt|QToolBtton实现三态图标及文字变化
效果: 第一种方法使用原生QToolButton的stylesheet实现,优点很明显代码量少,也可灵活修改. // 设置样式.背景图,置顶,居中,无伸缩:字体大小:上面空出36px给图片: QStr ...
QT：点击按钮实现不同的图像操作代码
qttest.h文件 #ifndef QTTEST_H #define QTTEST_H#include <QtGui/QMainWindow> #include "ui_qtt ...
（QT）qss与按钮
一.qss 1.qss相关概念 QT QSS(Qt Style Sheets)文件是一种基于CSS的样式表语言,用于定义QT应用程序的外观和风格.它可以用于控制应用程序中的各种界面元素的外观和行为,如 ...
【Qt】QMainWindow最大化按钮是灰色（不能最大化）的解决方法
解决方法设置最大尺寸为16777215,并且使能Qt::WindowMaximizeButtonHint(默认就是使能的,不执行也可以) const QSize MAIN_SIZE_MAX = QS ...
php图标按钮,CSS如何创建图像图标按钮（附代码）
本篇文章给大家分享如何用CSS创建一个带有图像图标的按钮,内容很详细,有感兴趣的朋友可以看一看. 在按钮表面上显示图像图标时,请写代码以在按钮标签中显示图像,实现此效果要使用显示设置为内联块的span ...
Qt控件与按钮颜色透明
QT设置按钮控件透明: 代码://设置按钮背景前景 this->ui->ShowCvRGB->setStyleSheet(QString("color:rgba(255 ...

随笔：Qt变色图像三态按钮

== 测试图片 ==

随笔：Qt变色图像三态按钮相关推荐

最新文章

热门文章