关于Qt下绘制按钮的文章不少,这里简单介绍一个怎么绘制圆形⭕️的按钮并在点击时候改变颜色的方法。先上图,如下:
==》1 圆形按钮初始状态(未被点击且鼠标未移动到按钮上)
==》2 当鼠标移动到按钮上时的状态
==》3、点击圆形按钮时的状态
其他的不多说了,直接上代码吧,具体细节请代码中的注释信息:
#ifndef MAINWINDOW_H
#define MAINWINDOW_H
#include <QMainWindow>
#include"QPainter"
class QPainter;
class QMouseEvent;
class QRectF;
class MainWindow : public QMainWindow
{
Q_OBJECT
public:
MainWindow(QWidget *parent = 0);
~MainWindow();
signals:
void cursorchanged(QPaintEvent *event);
public:
void paintEvent(QPaintEvent *);//绘图
void mousePressEvent(QMouseEvent *event);
void mouseReleaseEvent(QMouseEvent* event);
void mouseMoveEvent(QMouseEvent *);//鼠标移动事件==》可以用于做触摸式的动作
public:
QPaintEvent *m_paintevent;
QPainter painter;
int m_pressflag;//判断按钮是否被点击
int m_touchflag;//鼠标滑动到按钮上
QRectF rectbutton;//圆形按钮的外接矩形
};
#endif // MAINWINDOW_H
#include "mainwindow.h"
#include"QPainter"
#include"QMouseEvent"
#include"QRectF"
#include"QDebug"
MainWindow::MainWindow(QWidget *parent)
: QMainWindow(parent)
{
this->setFixedSize(500,500);//设置父窗口的大小
m_pressflag = false;
m_touchflag = false;
rectbutton = QRectF(20,20,50,50);
setMouseTracking(true);//设置鼠标可跟踪
connect(this,SIGNAL(cursorchanged(QPaintEvent* )),this,SLOT(paintEvent(QPaintEvent*)));
}
MainWindow::~MainWindow()
{
}
//绘图事件
void MainWindow::paintEvent(QPaintEvent *)
{
painter.begin(this);
painter.setPen(QPen(Qt::blue,4));//设置画笔形式
if(!m_pressflag && !m_touchflag){
painter.drawEllipse(rectbutton);//画圆形状按钮==>矩形的内切圆
}
else if(m_pressflag)
{
painter.setBrush(Qt::red);
}
else if (!m_pressflag && m_touchflag)
{
//painter.begin(this);
painter.setBrush(Qt::black);
}
painter.drawEllipse(rectbutton);
painter.end();
update();
}
//鼠标点击事件
void MainWindow::mousePressEvent(QMouseEvent *event)
{
if(rectbutton.contains(event->pos())){
qDebug()<<"buttton was clicked!";
m_pressflag = !m_pressflag;
}
}
//鼠标释放事件
void MainWindow::mouseReleaseEvent(QMouseEvent* event)
{
}
//鼠标移动事件
void MainWindow::mouseMoveEvent(QMouseEvent *event)
{//鼠标移动事件==》可以用于做触摸式的动作
QPoint n = event->pos();
qDebug()<<n;//鼠标移动位置
if(rectbutton.contains(n))
{
qDebug()<<"button was touched";
m_touchflag = true;
}
else
{
m_touchflag =false;
}
emit cursorchanged(m_paintevent);//这个地方的信号函数的用法新手请注意,老司机请忽略
qDebug()<<"signal was emitted";
}