Qt 鼠标样式特效探索样例（一）——利用时间器调用QWidget.move()函数

Qt 鼠标样式特效探索样例（一）

心血来潮，突然想在Qt里玩一把鼠标样式，想到在浏览网页时，经常看到漂亮的鼠标动画，于是今天摸索着乱写个粗糙的demo，来满足自己的好奇心。

效果图

方案要点

1.不管用什么控件，显示动画需要的4张星星图，大小依次递减。
2.记录鼠标移动坐标，分时、分段让星星控件响应move移动到对应轨迹。
3.移动坐标数据量大，不必每一个值都使其成为星星控件的移动轨迹。
4.星星控件起始坐标注意劈开鼠标焦点坐标，否则用户无法点击窗体控件，而只能疯狂的点到星星控件了。

实现代码

#ifndef WIDGET_H

#define WIDGET_H

#include <QtGui/QWidget>

#include <QTimer>

#include <QList>

#include <QPoint>

class Widget : public QWidget

{

Q_OBJECT

public:

Widget(QWidget *parent = 0);

~Widget();

private:

QWidget *w1,*w2,*w3,*w4;

QTimer *timer;

QList<QPoint> pos_list_w2;

QList<QPoint> pos_list_w3;

QList<QPoint> pos_list_w4;

int count;

void setMyStyle(QWidget *wid, int w, int h);

protected:

void mouseMoveEvent(QMouseEvent *event);

private slots:

void updatePos();

};

#endif // WIDGET_H

#include "widget.h"

#include <QPalette>

#include <QDebug>

#include <QMouseEvent>

Widget::Widget(QWidget *parent)

: QWidget(parent)

{

QPalette phome = this->palette();

phome.setBrush(this->backgroundRole(), QBrush(QPixmap(":/images/bg.jpg")));

this->setPalette(phome);

w1 = new QWidget(this);

w2 = new QWidget(this);

w3 = new QWidget(this);

w4 = new QWidget(this);

setMyStyle(w1,34,34);

setMyStyle(w2,26,26);

setMyStyle(w3,18,18);

setMyStyle(w4,9,9);

timer = new QTimer(this);

connect(timer,SIGNAL(timeout()),this,SLOT(updatePos()));

timer->start(100);

this->setMouseTracking(true);

count = 0;

}

Widget::~Widget()

{

}

void Widget::setMyStyle(QWidget *wid, int w, int h)

{

wid->setWindowFlags(Qt::FramelessWindowHint);

wid->resize(w,h);

wid->setStyleSheet("border-image: url(:/images/cursor.png);");

}

void Widget::mouseMoveEvent(QMouseEvent *event)

{

w1->move(event->x(),event->y());

if(!count)

pos_list_w2 << event->pos();

count > 7 ? (count = 0): count++;

}

void Widget::updatePos()

{

if(!pos_list_w4.isEmpty())

{

this->w4->move(pos_list_w4.takeFirst());

}

if(!pos_list_w3.isEmpty())

{

pos_list_w4 << pos_list_w3.first();

this->w3->move(pos_list_w3.takeFirst());

}

if(!pos_list_w2.isEmpty())

{

pos_list_w3 << pos_list_w2.first();

this->w2->move(pos_list_w2.takeFirst());

}

}

写在最后

样例代码有些粗糙，欢迎改进，欢迎交流！
期待各种建议、意见、和创意ideas！
http://blog.csdn.net/yiyaaixuexi/article/details/7209982