首页 > 其他 > 详细

Qt实现自定义图标功能

时间:2020-11-04 22:49:37      阅读:50      评论:0      收藏:0      [点我收藏+]

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 <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

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

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

技术分享图片

Qt实现自定义图标功能

原文:https://www.cnblogs.com/hackettt/p/13928539.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!