QT时钟绘制

Deom的效果

资源占用还能接受

运行久一点内存就下去了



下面是Deom的代码

#include "mainwindow.h"
#include "ui_mainwindow.h"
#include<QRect>
#include<QDateTime>
MainWindow::MainWindow(QWidget *parent) :
    QMainWindow(parent),
    ui(new Ui::MainWindow)
{
    this->drawpixmap();//先画画布,再初始化窗口
    ui->setupUi(this);

    this->setWindowTitle(tr("Deom"));
    timer=new QTimer(this);
    timer->start(1000);//每秒触发一次
    connect(timer,SIGNAL(timeout()),this,SLOT(update()));
}

MainWindow::~MainWindow()
{
    delete ui;
}

void MainWindow::paintEvent(QPaintEvent *event)
{
    //手动双缓冲
    QPainter paint(this);
    paint.setRenderHint(QPainter::Antialiasing,true);//反走样处理打开
    //在50,50的位置画入画布/所以圆点位置在窗口的160,160
    paint.drawPixmap(50,50,*pix);
    recttext=new QRect(50,50,220,220);

    QTime time=QDateTime::currentDateTime().time();
    int hour=time.hour();
    int minute=time.minute();
    int second=time.second();

    if(hour>12)
    {
        paint.drawText(*recttext,Qt::AlignTop|Qt::AlignHCenter,"PM");

    }
    else
    {
        paint.drawText(*recttext,Qt::AlignTop|Qt::AlignHCenter,"AM");
    }

    QTransform transformminute;
    //以圆点坐标160,160做旋转中心
    //画时分秒针
    transformminute.translate(160,160);
    transformminute.rotate(minute*6+0.1*second);
    paint.setTransform(transformminute);
    paint.drawLine(-0,-80,0,0);

    QTransform transformsecond;
    transformsecond.translate(160,160);
    transformsecond.rotate(6*second);
    paint.setTransform(transformsecond);
    paint.drawLine(-0,-60,0,0);

    QTransform transformhour;
    transformhour.translate(160,160);
    transformhour.rotate(30*hour+0.5*minute);//忽略秒对时针的摆
    paint.setTransform(transformhour);
    paint.drawLine(-0,-40,0,0);

}

void MainWindow::drawpixmap()
{
    //画布大小220*220
    pix=new QPixmap(220,220);
    //用窗口背景色填充画布背景
    pix->fill(this->palette().background().color());
    QPainter paint(pix);
    paint.setRenderHint(QPainter::Antialiasing,true);//反走样处理打开
    //画圆
    //圆心为110,110
    paint.drawEllipse(10,10,200,200);
    //这个rect适用于旋转和画数字刻度的
    QRect* rect=new QRect(-30,-90,60,20);
    QTransform tran;
    //以圆心为旋转中心
    tran.translate(110,110);
    for(int i=1;i<=12;i++)
    {
        //总共12个刻度,12段,每段30度
        tran.rotate(30);
        paint.setTransform(tran);
        //绘制数字刻度,垂直最上,水平居中,
        paint.drawText(*rect,Qt::AlignTop|Qt::AlignHCenter,QString::number(i));
        //绘制线条刻度,
        paint.drawLine(0,-100,0,-92);
    }
    //画圆点
    paint.setBrush(Qt::black);
    paint.drawEllipse(-1,-1,2,2);

}


API的使用



定义绘制工具paint的绘制对象是this

QPainter paint(this);

定义一个QTransform

QTransform transformsecond;

这里把旋转中心设定为绘制对象160,160的位置的同时,绘制时也会把160,160作为绘制工具的原点0,0

transformsecond.translate(160,160);

绘制出来的图像会以设定的顺时针旋转30度显示

 transformsecond.rotate(30);

设置到paint绘制工具上

 paint.setTransform(transformsecond);

在绘制对象原点的0,-60上画线,因为绘制工具的原点转移到绘制对象160,160,所以实际上是在绘制对象的(160,100)到(160,160)处画线

paint.drawLine(0,-60,0,0);

Demo源码文件:http://pan.baidu.com/s/1mg92yz2

时间: 2024-10-19 09:49:02

QT时钟绘制的相关文章

Qt如何绘制(简单深刻,fearlazy的系列文章)

我觉得绘制只需要考虑几个问题.简单地说就是谁在什么地方画什么? 在Qt中可以这么回答:QPainter在QPainterDevice中画想画的东西. 举个例子:用QtCreator向导新建一个项目,基类选择QWidget.我们重载paintEvent这个函数. C++ void Widget::paintEvent(QPaintEvent *event) { QPainter painter(this); painter.drawRect(50,50,100,100); } QPainter在t

Canvas - 时钟绘制

导语:距离上一次写canvas,已经过去两年半,如今业务需要,再次拾起,随手记录. [思考] 时钟的绘制主要在于圆的绘制:1. 使用context.arc()方法直接绘制圆或圆弧: 2. 使用圆的方程(x = r * cosA + X, y = r * sinA + Y)进行描点绘制.指针运行速率较慢,故使用setInterval进行刷新重绘.[优化]可以使用两个canvas,一个用来绘制表盘,另一个绘制指针,如此,只需刷新重绘指针canvas,表盘canvas保持不变. <!DOCTYPE h

使用Qt开发绘制多个设备的流量曲线图(附带项目图)

一.说明: 在实际项目中,主要是使用Qt开发CS程序,当然主要是客户端.公司项目中有这个需求是实时显示多个设备的流量曲线图,设备将流量信息发给服务端,服务端再将信息通过Socket发给Qt客户端,Qt客户端通过Socket接收后实时显示在程序的一个窗口上:这个显示是以曲线图的展示方式. 二.界面模型接到这个功能需求后,使用的界面模型如下图所示,图示已经标示的很清楚了,我就不多详细描述了: 三.功能分析 1.由于设备较多,超过100台,所以不可能每个设备的流量曲线都用一种颜色,因此只选择几种比较明

canvas时钟绘制

index.html <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>时钟</title> <style> div{ text-align: center; margin-top: 250px; } </style> </head> <body> <d

Qt -QPrinter - Pdf [Qt QPrinter 绘制内容 到 PDF文件]

1 准备好打印设备 QPrinter QPrinter printer; printer.setOutputFormat(QPrinter::PdfFormat);//设置输出格式为pdf printer.setPageSize(QPrinter::A4);//设置纸张大小为A4 printer.setOutputFileName("test.pdf");//设置输出路径 2 将 绘制 链接到 打印设备上 QPainter QPainter painter; painter.begin

Qt中绘制蚂蚁线

提要 如果有用过PS的选区工具应该就会知道蚂蚁线是什么东西了,就是用来表示选区的一种虚线,关键还是要动态的! Qt 中自带的一个例子就有各种描边的演示,但是最终达到的效果只能是一个静态的描边,根本不够炫酷,So.还是自己来实现以下. 先看下最终的结果: 是可以动起来的哈,只不过截图是静态的.最终实现的效果和PS中的选区工具完全一样. 分析 输入 一个QRect 输出 动态的黑白相间的蚂蚁线描边.(注意是黑色和白色,不是黑色和透明) 解决方案 创建一个画布大小的QImage,然后找到边缘的像素,挨

Qt: 时钟Demo

其实是一个很简单的Demo,可以编译了拿NSIS打包.最近在做富文本编辑器和补C++不记得的东西吧,项目遥遥无期. 1 //clock.pro 2 3 #------------------------------------------------- 4 # 5 # Project created by QtCreator 2016-07-26T19:06:54 6 # 7 #------------------------------------------------- 8 9 QT +=

Qt中绘制五子棋棋盘

一个需要做大作业的同学问我相关内容,就顺手写了一个,贴出来. 项目包含头文件 mainwindowh,源文件mainwindow.cpp和主函数main.cpp. 如下: mainwindow.h #ifndef MAINWINDOW_H #define MAINWINDOW_H #include <QWidget> #include <QPainter> class MainWindow : public QWidget { Q_OBJECT public: MainWindow

百度地图api,使用QT同时绘制多个标注

myMap.html     文件内容: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <style type=