Qt实现自定义图标功能

​

作者：hackett

​

​

微信公众号：加班猿

​

在上一节的基础上进行定义图标的功能

效果：要做的是应用的放大缩小、最小化功能，鼠标移动和点击图标变色

准备工作：

控件：

3个PushButton

1个Label

1个Frame

注意：需要进行布局，如果不布局可能会出现不能放大缩小的情况

准备图标嵌入控件

可以上阿里巴巴矢量图标库下载自己想要的图标，也可以去其他网站或者自己制作

我这里下载了三个图标

QSS样式表

右键选择改变样式表，其他按键同理

添加颜色：

QPushButton为改变这个按钮的属性

QPushButton:hover为鼠标移动到按键的效果

QPushButton:pressed为鼠标按下按键的效果

添加资源：

可以选择我们资源里面的图片为按键填充图片

接下来就可以链接到槽函数做相应的处理即可

放大缩小按钮需要做下margin值的设置void Widget::on_buttonMax_clicked()

{

if(this->isMaximized())//是否已经最大

{

ui->vLayout->setMargin(9);  //对应widget布局的Margin值

this->showNormal();

}else

{

ui->vLayout->setMargin(0); //全屏时widget布局的Margin值为0

this->showMaximized();

}

}

源码：

main.cpp#include "widget.h"

#include

​

int main(int argc, char *argv[])

{

QApplication a(argc, argv);

Widget w;

w.show();

​

return a.exec();

}

​

widget.cpp#include "widget.h"

#include "ui_widget.h"

#include

#include

#include

​

Widget::Widget(QWidget *parent) :

QWidget(parent),

ui(new Ui::Widget)

{

ui->setupUi(this);

​

this->setWindowFlags(Qt::FramelessWindowHint);

​

QGraphicsDropShadowEffect *shadow = new QGraphicsDropShadowEffect();

​

shadow->setBlurRadius(5);   //边框圆角

shadow->setColor(Qt::black);//边框颜色

shadow->setOffset(0);       //不偏移

​

ui->shadowWidget->setGraphicsEffect(shadow);

​

this->setAttribute(Qt::WA_TranslucentBackground);   //父窗口设置透明，只留下子窗口

}

​

Widget::~Widget()

{

delete ui;

}

​

void Widget::mouseMoveEvent(QMouseEvent *event)

{

if(this->z == QPoint())//判断鼠标移动 如果为空的话不移动

return;

QPoint y = event->globalPos();//鼠标相当于桌面左上角的位置，鼠标全局位置

QPoint x = y - this->z;

this->move(x);

}

​

void Widget::mousePressEvent(QMouseEvent *event)

{

QPoint y = event->globalPos();//鼠标相当于桌面左上角的位置，鼠标全局位置

QPoint x = this->geometry().topLeft();//窗口左上角位于桌面左上角的位置，窗口位置

this->z = y - x; //定值，不变

}

​

void Widget::mouseReleaseEvent(QMouseEvent *event)

{

this->z = QPoint(); //鼠标松开获取当前的坐标

}

​

void Widget::on_buttonClose_clicked()

{

this->close();

}

​

void Widget::on_buttonMax_clicked()

{

if(this->isMaximized())//是否已经最大

{

ui->vLayout->setMargin(9);  //对应widget布局的Margin值

this->showNormal();

}else

{

ui->vLayout->setMargin(0); //全屏时widget布局的Margin值为0

this->showMaximized();

}

}

​

void Widget::on_buttonMin_clicked()

{

this->showMinimized();

}

widget.h#ifndef WIDGET_H

#define WIDGET_H

​

#include

​

namespace Ui {

class Widget;

}

​

class Widget : public QWidget

{

Q_OBJECT

​

public:

explicit Widget(QWidget *parent = 0);

~Widget();

​

virtual void mouseMoveEvent(QMouseEvent *event);

virtual void mousePressEvent(QMouseEvent *event);

virtual void mouseReleaseEvent(QMouseEvent *event);

​

private slots:

void on_buttonClose_clicked();

​

void on_buttonMax_clicked();

​

void on_buttonMin_clicked();

​

private:

Ui::Widget *ui;

QPoint z;

};

​

#endif // WIDGET_H

如果你觉得文章还不错，记得"点赞关注"

关注我的微信公众号【 加班猿 】可以获取更多内容