Qt实现自定义图标功能

Qt实现自定义图标功能

作者：hackett

微信公众号：加班猿

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

参考上一节的链接：Qt无边框窗口拖拽和阴影

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

准备工作：

控件：

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

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

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