Qt实现自定义图标功能

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

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


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


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


1.png


准备工作:


控件:


3个PushButton

1个Label

1个Frame


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


2.png


准备图标嵌入控件


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

我这里下载了三个图标


3.png


QSS样式表


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


添加颜色:


QPushButton为改变这个按钮的属性

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

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


添加资源:


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


4.png


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


放大缩小按钮需要做下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();
  }
 }


5.png


源码:


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


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


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

目录
相关文章
|
1月前
|
开发框架 Java 编译器
【Qt 元对象系统 01 】深入探索Qt的元对象系统:核心地位、功能与构成
【Qt 元对象系统 01 】深入探索Qt的元对象系统:核心地位、功能与构成
67 0
|
1月前
|
存储 机器学习/深度学习 人工智能
Qt魔法书:打造自定义鼠标键盘脚本(二)
Qt魔法书:打造自定义鼠标键盘脚本
73 0
|
1月前
QT自定义信号,信号emit,信号参数注册
使用signals声明返回值是void在需要发送信号的地方使用emit 信号名字(参数)进行发送在需要链接的地方使用connect进行链接ct进行链接。
27 0
QT自定义信号,信号emit,信号参数注册
|
1月前
|
搜索推荐 C++ 索引
C++ Qt开发:QItemDelegate自定义代理组件
在Qt中,`QStyledItemDelegate` 类是用于创建自定义表格视图(如`QTableView`和`QTableWidget`)的委托类,允许你自定义表格中每个单元格的外观和交互。`QStyledItemDelegate` 是`QItemDelegate` 的子类,提供了更现代、更易用的接口。此处我们将实现对`QTableView`表格组件的自定义代理功能,例如默认情况下表格中的缺省代理就是一个编辑框,我们只能够在编辑框内输入数据,而有时我们想选择数据而不是输入,此时就需要重写编辑框实现选择的效果,代理组件常用于个性化定制表格中的字段类型。
55 0
C++ Qt开发:QItemDelegate自定义代理组件
|
1月前
Qt提升控件类为自定义类
Qt提升控件类为自定义类
|
7月前
10 QT - 自定义信号和槽
10 QT - 自定义信号和槽
40 0
|
8月前
|
Linux API Windows
linux系统中利用QT实现蓝牙功能的方法
linux系统中利用QT实现蓝牙功能的方法
312 0
|
1月前
|
C++
【qt】自定义代理类
【qt】自定义代理类
10 0
|
1月前
|
搜索推荐
【qt】自定义界面类
【qt】自定义界面类
15 0
|
1月前
Qt6学习笔记五(自定义对话框、QMessageBox、QColorDialog、QFileDialog、QFontDialog)
Qt6学习笔记五(自定义对话框、QMessageBox、QColorDialog、QFileDialog、QFontDialog)
62 0