Qt绘制简单时钟
Qt绘制简单时钟是使用Qt框架绘制时钟的示例代码,主要介绍了使用简单的几何图形绘出表盘和指针,然后基于系统时间调整指针偏转角度达到模拟时钟的效果。
一、基本原理
Qt绘制简单时钟的基本原理是利用简单的几何图形绘出表盘和指针,然后基于系统时间调整指针偏转角度达到模拟时钟的效果。用户可以根据自己的喜好添加背景资源,设计不同风格的时钟。
二、部分函数说明
1. 调色和填充:painter.setBrush(Qt::red); //设置画刷,填充颜色(红色)
painter.setPen(Qt::red); //设置画笔,外围轮廓颜色(红色)
2. 抗锯齿(减少图形外围锯齿状,使线条平滑):
painter.setRenderHint(QPainter::Antialiasing,true);
3. 自动保存与恢复:
painter.save(); //保存属性
painter.restore(); //属性恢复
三、核心代码
dialog.h文件:
```
class Dialog : public QDialog{
Q_OBJECT
public:
Dialog(QWidget *parent = nullptr);
~Dialog();
void Dialog::paintEvent(QPaintEvent *); //函数声明
private:
Ui::Dialog *ui;
};
```
头文件:
```
#include <QPainter>
#include <QPoint>
#include <QTime>
#include <QTimer>
#include <QPixmap>
#include <math.h>
```
指针参数(第一个QPoint前可以加static):
```
QPoint sec[4]={QPoint(0,-80),QPoint(2,0),QPoint(0,8),QPoint(-2,0)};
QPoint min[4]={QPoint(0,-62),QPoint(4,0),QPoint(0,10),QPoint(-4,0)};
QPoint hour[4]={QPoint(0,-48),QPoint(5,0),QPoint(0,11),QPoint(-5,0)};
```
关联函数:
```
Dialog::Dialog(QWidget *parent)
: QDialog(parent)
, ui(new Ui::Dialog){
ui->setupUi(this);
resize(300,300);
QTimer * timer = new QTimer(this);
timer->start(1000); //确定刷新时间(此处为1000毫秒=1秒)
connect(timer,SIGNAL(timeout()),this,SLOT(update())); //update()为自动刷新界面,使指针可以不停转动
}
```
绘图函数:
```
void Dialog::paintEvent(QPaintEvent *){
QPainter painter(this);
//时钟背景
QRect q1(20,20,0.5*512,0.5*512);
QRect q2(0,0,512,512);
QPixmap map(":/b/ClockBack/clockback.png");
painter.drawPixmap(q1,map,q2);
QTime time=QTime::currentTime(); //调用系统时间
//表盘
painter.setRenderHint(QPainter::Antialiasing,true); //抗锯齿,平滑化
painter.setPen(QPen(Qt::white,6,Qt::SolidLine)); //调色
painter.translate(50,50);
painter.drawEllipse(0,0,198,198); //指针属性
painter.translate(99,99);
//秒针
painter.setRenderHint(QPainter::Antialiasing,true);
painter.setBrush(Qt::red); //设置画刷,填充颜色
painter.setPen(Qt::red); //设置画笔,外围轮廓颜色
painter.save(); //保存属性
painter.rotate(6.0*time.second());
painter.drawPolygon(sec, 4);
//分钟针
painter.setPen(Qt::blue);
painter.setBrush(Qt::blue);
painter.drawPolygon(min, 4);
//小时针
painter.setPen(Qt::black);
painter.setBrush(Qt::black);
painter.drawPolygon(hour, 4);
}
```
Qt绘制简单时钟主要通过使用简单的几何图形绘出表盘和指针,然后基于系统时间调整指针偏转角度达到模拟时钟的效果。用户可以根据自己的喜好添加背景资源,设计不同风格的时钟。