Qt实现自定义图标功能
作者：hackett
微信公众号：加班猿
在上一节的基础上进行定义图标的功能
参考上一节的链接：Qt无边框窗口拖拽和阴影
效果：要做的是应用的放大缩小、最小化功能，鼠标移动和点击图标变色
image
准备工作：
控件：
3个PushButton
1个Label
1个Frame
注意：需要进行布局，如果不布局可能会出现不能放大缩小的情况
image-20201104194259480
准备图标嵌入控件
可以上阿里巴巴矢量图标库下载自己想要的图标，也可以去其他网站或者自己制作
我这里下载了三个图标
image-20201104195241416
QSS样式表
右键选择改变样式表，其他按键同理
添加颜色：
QPushButton为改变这个按钮的属性
QPushButton:hover为鼠标移动到按键的效果
QPushButton:pressed为鼠标按下按键的效果
添加资源：
可以选择我们资源里面的图片为按键填充图片
image
接下来就可以链接到槽函数做相应的处理即可
放大缩小按钮需要做下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();
}
}
image-20201104201038634
源码：
main.cpp
#include "widget.h"
#include <QApplication>
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 <QMouseEvent>
#include <QWidget>
#include <QGraphicsDropShadowEffect>
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 <QWidget>
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
如果你觉得文章还不错，记得"点赞关注"
关注我的微信公众号【 加班猿 】可以获取更多内容
