《QT实用小工具·五十二》文本或窗口炫酷有趣的滚动条——果冻条

1、概述
源码放在文章末尾

该项目实现了文本或窗口纤细的滚动条------果冻条

一个可以像弓弦一样拉出来,并且来回弹动的普通滚动条。

思路为此,但发现实际效果更像条状果冻,并且略有谐音,

故,称之为------"果冻条"!

项目demo演示如下所示:

项目部分代码如下所示:

cpp 复制代码
#ifndef SLIMSCROLLBAR_H
#define SLIMSCROLLBAR_H

#include <QObject>
#include <QScrollBar>
#include <QMouseEvent>
#include <QResizeEvent>
#include <QPainter>
#include <QPainterPath>
#include <QTimer>
#include <QDebug>
#include <QDateTime>
#include <QtMath>
#include "slimscrollbarpopup.h"

#define DEB_EVENT if (0) qDebug()

class SlimScrollBar : public QScrollBar
{
    Q_OBJECT
public:
    SlimScrollBar(QWidget* parent = nullptr);

    /**
     * 鼠标松开时抖动动画
     * 松开的时候计算每一次抖动距离+时间,放入队列中
     * 定时调整抖动的队列实体索引
     */
    struct Jitter
    {
        Jitter(QPoint p, qint64 t) : point(p), timestamp(t) {}
        QPoint point;     // 要运动到的目标坐标
        qint64 timestamp; // 运动到目标坐标应该的时间戳,结束后删除本次抖动路径对象
    };

    /**
     * 鼠标按下/弹起水波纹动画
     * 鼠标按下时动画速度慢(压住),松开后动画速度骤然加快
     * 同样用队列记录所有的水波纹动画实体
     */
    struct Water
    {
        Water(QPoint p, qint64 t) : point(p), press_timestamp(t),
                                    release_timestamp(0), finish_timestamp(0), finished(false) {}
        QPoint point;
        qint64 press_timestamp;   // 鼠标按下时间戳
        qint64 release_timestamp; // 鼠标松开时间戳。与按下时间戳、现行时间戳一起成为水波纹进度计算参数
        qint64 finish_timestamp;  // 结束时间戳。与当前时间戳相减则为渐变消失经过的时间戳
        bool finished;            // 是否结束。结束后改为渐变消失
    };

    void enable();
    void disable();
    void setBgColors(QColor normal, QColor hover, QColor press);
    void setFgColors(QColor normal, QColor hover, QColor press);
    void setRoundCap(bool round);

protected:
    void enterEvent(QEvent* e) override;
    void leaveEvent(QEvent* e) override;
    void mousePressEvent(QMouseEvent *e) override;
    void mouseMoveEvent(QMouseEvent *e) override;
    void mouseReleaseEvent(QMouseEvent *e) override;
    void wheelEvent(QWheelEvent *e) override;
    void paintEvent(QPaintEvent *e) override;
    void sliderChange(SliderChange change) override;
    void contextMenuEvent(QContextMenuEvent *e) override;
    void hideEvent(QHideEvent *e) override;
    void resizeEvent(QResizeEvent *e) override;

private:
    void paintPixmap();
    void activeTimer();
    void setOffsetPoss();
    int quick_sqrt(long X) const;
    void calcPixmapSize();
    void startPopup();
    void repaintPopup();
    void setJitter();
    qint64 getTimestamp();
    inline QPen getPen(QColor color, int width);

signals:

public slots:

private slots:
    void eventTimer();

private:
    QPixmap pixmap;
    QTimer* event_timer;

    QColor bg_normal_color = QColor(0xF0, 0xF0, 0xF0, 64);
    QColor bg_hover_color = QColor(0xF0, 0xF0, 0xF0, 128);
    QColor bg_press_color = QColor(0xF0, 0xF0, 0xF0, 192);
    QColor fg_normal_color = QColor(0xCC, 0xCC, 0xCC, 64);
    QColor fg_hover_color = QColor(0xCC, 0xCC, 0xCC, 128);
    QColor fg_press_color = QColor(0xCC, 0xCC, 0xCC, 192);
    bool round_cap = false;

    bool enabling = true;
    bool hovering = false;
    bool pressing = false;
    int hover_prop = 0;
    int press_prop = 0;
    QPoint press_pos;  // 按下位置
    QPoint mouse_pos;  // 鼠标位置
    QPoint target_pos; // 实时随队鼠标的目标点(相对竖直中心)
    QPoint anchor_pos; // 逐步靠近目标点的锚点
    QPoint effect_pos; // 偏差(相对于左上角),逐步靠近锚点根号位置

    bool popuping = false;
    SlimScrollBarPopup* popup = nullptr;
    QPoint popup_offset; // 弹窗和自己的左上角的绝对位置差

    double elastic_coefficient; // 弹性系数
    QList<Jitter> jitters;
    int jitter_duration;

    QList<Water> waters;
    int water_press_duration, water_release_duration, water_finish_duration;
    int water_radius;
};

#endif // SLIMSCROLLBAR_H

源码下载

相关推荐
懒大王爱吃狼23 分钟前
Python教程:python枚举类定义和使用
开发语言·前端·javascript·python·python基础·python编程·python书籍
秃头佛爷1 小时前
Python学习大纲总结及注意事项
开发语言·python·学习
待磨的钝刨1 小时前
【格式化查看JSON文件】coco的json文件内容都在一行如何按照json格式查看
开发语言·javascript·json
XiaoLeisj3 小时前
【JavaEE初阶 — 多线程】单例模式 & 指令重排序问题
java·开发语言·java-ee
励志成为嵌入式工程师4 小时前
c语言简单编程练习9
c语言·开发语言·算法·vim
捕鲸叉5 小时前
创建线程时传递参数给线程
开发语言·c++·算法
A charmer5 小时前
【C++】vector 类深度解析:探索动态数组的奥秘
开发语言·c++·算法
Peter_chq5 小时前
【操作系统】基于环形队列的生产消费模型
linux·c语言·开发语言·c++·后端
记录成长java6 小时前
ServletContext,Cookie,HttpSession的使用
java·开发语言·servlet
前端青山6 小时前
Node.js-增强 API 安全性和性能优化
开发语言·前端·javascript·性能优化·前端框架·node.js