鼠标旋转环形应用图标

示例说明

示例显示一圈应用程序图标。所有的图标都是模糊的，除了屏幕左下方的图标，也就是焦点。单击屏幕左侧的任何位置，图标将顺时针移动到下一个图标，单击右侧的图标将逆时针移动图标。

代码解析

blureffect类定义

QGraphicsBlurEffect类提供了模糊效果。
模糊的效果对于减少细节非常有用，例如当源失去焦点时，您希望将注意力吸引到其他元素上。可以使用setBlurRadius()函数修改模糊细节级别。使用setblurhint()来选择模糊提示。默认情况下，模糊半径为5像素。模糊半径在设备坐标中指定

#include <QGraphicsEffect>
#include <QGraphicsItem>

class BlurEffect: public QGraphicsBlurEffect
{
public:
    BlurEffect(QGraphicsItem *item);

    void setBaseLine(qreal y) { m_baseLine = y; }

    QRectF boundingRect() const;

    void draw(QPainter *painter) override;

private:
    void adjustForItem();

private:
    qreal m_baseLine; //模糊基数
    QGraphicsItem *item;
};

#endif // BLUREFFECT_H

blureffect类实现

#include "blureffect.h"

#include <QDebug>

BlurEffect::BlurEffect(QGraphicsItem *item)
    : QGraphicsBlurEffect()
    , m_baseLine(200), item(item)
{
}
//根据Item坐标位置调整模糊程度
void BlurEffect::adjustForItem()
{
    qreal y = m_baseLine - item->pos().y();
    qreal radius = qBound(qreal(0.0), y / 32, qreal(16.0));
    setBlurRadius(radius);
}
//获取模糊范围
QRectF BlurEffect::boundingRect() const
{
    const_cast<BlurEffect *>(this)->adjustForItem();
    return QGraphicsBlurEffect::boundingRect();
}

//重写绘制函数
void BlurEffect::draw(QPainter *painter)
{
    adjustForItem();
    QGraphicsBlurEffect::draw(painter);
}

blurpicker类定义

#include <QGraphicsEffect>
#include <QGraphicsView>
#include <QPropertyAnimation>

#include "blureffect.h"

class BlurPicker: public QGraphicsView
{
    Q_OBJECT
    //属性系统
    Q_PROPERTY(qreal index READ index WRITE setIndex)

public:
    BlurPicker(QWidget *parent = 0);

    qreal index() const;
    void setIndex(qreal);

protected:
    void keyPressEvent(QKeyEvent *event) override;
    void resizeEvent(QResizeEvent *event) override;
    void mousePressEvent(QMouseEvent *event) override;

private:
    void setupScene();

private:
    qreal m_index;
    QList<QGraphicsItem*> m_icons;
    QPropertyAnimation m_animation;
};

blurpicker 类实现

#include "blurpicker.h"

#include <QtWidgets>
#include <QtCore/qmath.h>

#include "blureffect.h"

#ifndef M_PI
#define M_PI 3.14159265358979323846
#endif

BlurPicker::BlurPicker(QWidget *parent): QGraphicsView(parent), m_index(0.0), m_animation(this, "index")
{
    setBackgroundBrush(QPixmap(":/images/background.jpg"));
    setScene(new QGraphicsScene(this));

    setupScene();
    setIndex(0);

    m_animation.setDuration(400);
    m_animation.setEasingCurve(QEasingCurve::InOutSine);

    setRenderHint(QPainter::Antialiasing, true);
    setFrameStyle(QFrame::NoFrame);
}

qreal BlurPicker::index() const
{
    return m_index;
}

//根据坐标调整模糊基数
void BlurPicker::setIndex(qreal index)
{
    m_index = index;

    qreal baseline = 0;
    for (int i = 0; i < m_icons.count(); ++i) {
        QGraphicsItem *icon = m_icons[i];
        qreal a = ((i + m_index) * 2 * M_PI) / m_icons.count();
        qreal xs = 170 * qSin(a);
        qreal ys = 100 * qCos(a);
        QPointF pos(xs, ys);
        pos = QTransform().rotate(-20).map(pos);
        pos -= QPointF(40, 40);
        icon->setPos(pos);
        baseline = qMax(baseline, ys);
        static_cast<BlurEffect *>(icon->graphicsEffect())->setBaseLine(baseline);
    }

    scene()->update();
}
//设置视图场景和视图项显示效果
void BlurPicker::setupScene()
{
    scene()->setSceneRect(-200, -120, 400, 240);

    QStringList names;
    names << ":/images/accessories-calculator.png";
    names << ":/images/accessories-text-editor.png";
    names << ":/images/help-browser.png";
    names << ":/images/internet-group-chat.png";
    names << ":/images/internet-mail.png";
    names << ":/images/internet-web-browser.png";
    names << ":/images/office-calendar.png";
    names << ":/images/system-users.png";

    for (int i = 0; i < names.count(); i++) {
        QPixmap pixmap(names[i]);
        QGraphicsPixmapItem *icon = scene()->addPixmap(pixmap);
        icon->setZValue(1);
        icon->setGraphicsEffect(new BlurEffect(icon));
        m_icons << icon;
    }

    QGraphicsPixmapItem *bg = scene()->addPixmap(QPixmap(":/images/background.jpg"));
    bg->setZValue(0);
    bg->setPos(-200, -150);
}

void BlurPicker::keyPressEvent(QKeyEvent *event)
{
    int delta = 0;
    switch (event->key())
    {
    case Qt::Key_Left:
        delta = -1;
        break;
    case  Qt::Key_Right:
        delta = 1;
        break;
    default:
        break;
    }
    if (m_animation.state() == QAbstractAnimation::Stopped && delta) {
        m_animation.setEndValue(m_index + delta);
        m_animation.start();
        event->accept();
    }
}

void BlurPicker::resizeEvent(QResizeEvent * /* event */)
{
}

void BlurPicker::mousePressEvent(QMouseEvent *event)
{
    int delta = 0;
    if(event->x() > (width() / 2))
    {
        delta = 1;
    }
    else
    {
        delta = -1;
    }

    if (m_animation.state() == QAbstractAnimation::Stopped && delta) {
        m_animation.setEndValue(m_index + delta);
        m_animation.start();
        event->accept();
    }
}

使用方式

#include "blurpicker.h"
#include <QApplication>

int main(int argc, char **argv)
{
    QApplication app(argc, argv);

    BlurPicker blurPicker;
    blurPicker.setWindowTitle(QT_TRANSLATE_NOOP(QGraphicsView, "Application Picker"));

    blurPicker.setFixedSize(400, 300);
    blurPicker.show();

    return app.exec();
}

运行效果