Qt设计时钟效果

 更新时间:2020年05月30日 16:34:40   作者:Dear Mr.Shuai  
这篇文章主要为大家详细介绍了Qt设计时钟效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

作为一位Qt的初学者,也是一位编程的小白,我今天想教大家如何使用Qt来设计一个时钟。

首先,我们要学习如何绘图——QPainter类

QPainter通常在一个窗口的重绘事件(paint event)的处理函数paintEvent中进行绘制。QPainter类常用的功能有以下几类:

1)设置绘图工具。包括设置画笔(setPen),设置画刷(setBrush),设置字体(setFont)以及设置背景(setBackgroundMode)。

2)绘制图形和文字,如图:

QPainter部分画图函数的实例:

//(1)绘制线段
painter->drawLine(20,20,100,120);
//画一条(20,20)到(100,120)的线段

//(2)绘制圆或者椭圆
painter->drawEllipse(20,20,210,160);
//第一二个参数表示椭圆外切矩形左上角的坐标,第三四个参数表示外切矩形的宽度和高度

//(3)绘制矩形
painter->drawReact(20,20,210,160);
//第一二个参数表示椭圆外切矩形左上角的坐标,第三四个参数表示矩形的宽度和高度

开始画时钟

1)新建基于MainWindow类的应用程序。
2)在.h文件中添加变量和函数声明

float radious;//时钟半径

int xSecond,ySecond,xHour,yHour,xMinute,yMinute;
int xCenter,yCenter;// 时钟中心坐标
int second,minute,hour;//时分秒的实际数字
void CalcPostion();//计算指针坐标的函数
void timerEvent(QTimerEvent*);
void paintEvent(QPaintEvent*event);
void drawClockDial(QPainter *painter);

3)在.cpp文件中添加所需的头文件,宏定义以及计算三种指针针尖坐标的函数

#include "mainwindow.h"
#include<qmath.h>
#include<QPainter>
#define PI 3.14159265
void MainWindow::CalcPostion()
{
 double minuteHandLen,secondHandLen,hourHandLen;
 secondHandLen=radious*0.8;
 minuteHandLen=radious*0.65;
 hourHandLen=radious*0.5;//时分秒针的长度
 //秒针的位置
 xSecond=xCenter+secondHandLen*cos(second*PI/30-PI/2);
 ySecond=yCenter+secondHandLen*sin(second*PI/30-PI/2);
 //分针的位置
 xMinute=xCenter+minuteHandLen*cos(minute*PI/30-PI/2);
 yMinute=xCenter+minuteHandLen*sin(minute*PI/30-PI/2);
 //时针的位置
 xHour=xCenter+hourHandLen*cos((hour+1.0*minute/60)*PI/6-PI/2);
 yHour=yCenter+hourHandLen*sin((hour+1.0*minute/60)*PI/6-PI/2);
}

4)在.cpp中的构造函数中添加初始化代码

MainWindow::MainWindow(QWidget *parent)
 : QMainWindow(parent)
{
 radious=200;//半径200
 xCenter=200;
 yCenter=200;//圆心(200,200)
 hour=3,minute=56,second=35;//初试时间3:56:35
 CalcPostion();
 startTimer(100);//方便观察,加速10倍
 resize(400,400);//窗口大小400*400
}

5)在.cpp文件中添加表盘,指针,以及进位函数

void MainWindow::timerEvent(QTimerEvent *event)
{
 CalcPostion();//计算位置
 second++;
 if(second==60)
 {
 second=0;
 minute++;
 }//分增加
 if (minute==60)
 {
 minute=0;
 hour++;
 }//时增加
 update();
}
void MainWindow::paintEvent(QPaintEvent *event)
{
 QPainter painter(this);
 QPixmap map("://res/01.jpg");//加入表盘
 QRect q(0,0,400,400);
 painter.drawPixmap(q,map,q);
 QPen pen;
 painter.drawEllipse(QPointF(200.0,200.0),radious,radious);//画圆
 painter.drawLine(xCenter,yCenter,xSecond,ySecond);//秒针
 pen.setWidth(2);
 painter.setPen(pen);
 painter.drawLine(xCenter,yCenter,xMinute,yMinute);//分针
 pen.setWidth(4);
 painter.setPen(pen);
 painter.drawLine(xCenter,yCenter,xHour,yHour);//时针
}
MainWindow::~MainWindow()
{
 delete ui;
}

6)main文件:

#include "mainwindow.h"

#include <QApplication>

int main(int argc, char *argv[])
{
 QApplication a(argc, argv);
 MainWindow w;
 w.show();
 return a.exec();
}

至此,时钟就完成了,效果图:

总结:

1)制作时钟就是简单地二维画图和定时器的结合,难度不高,易上手,可以多尝试。
2)在计算针尖的坐标时,注意Qt的坐标X轴横向向右为正,Y轴垂直向下为正,顺时针度数增加,不然很容易算错。
3)添加表盘(添加图片)在我上一个博客有详细讲解,不会的同学可以去翻翻。

文中一些理论知识选自 清华大学出版社 仇国巍 《Qt图形界面编程入门》

最后,作为一名萌新,如果有大佬发现文章中有不正确的地方可以及时提出,也可以提出你们宝贵的建议,大家共同成长。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • Pipes实现LeetCode(194.转置文件)

    Pipes实现LeetCode(194.转置文件)

    这篇文章主要介绍了Pipes实现LeetCode(194.转置文件),本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下
    2021-08-08
  • C++程序的执行顺序结构以及关系和逻辑运算符讲解

    C++程序的执行顺序结构以及关系和逻辑运算符讲解

    这篇文章主要介绍了C++程序的执行顺序结构以及关系和逻辑运算符讲解,是C++入门学习中的基础知识,需要的朋友可以参考下
    2015-09-09
  • C语言实现经典扫雷游戏流程

    C语言实现经典扫雷游戏流程

    扫雷是电脑上很经典的游戏,特意去网上玩了一会,几次调试之后,发现这个比三子棋要复杂一些,尤其是空白展开算法上和堵截玩家有的一拼,与实际游戏差别较大,不能使用光标,下面来详解每一步分析
    2021-11-11
  • 基于C语言实现静态通讯录的示例代码

    基于C语言实现静态通讯录的示例代码

    这篇文章主要为大家详细介绍了如何利用C语言实现一个简单的静态通讯录,文中的示例代码讲解详细,对我们学习C语言有一定帮助,需要的可以参考一下
    2022-07-07
  • C++调用Matlab函数求特征值

    C++调用Matlab函数求特征值

    这篇文章主要为大家详细介绍了C++调用Matlab函数求特征值,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-06-06
  • 基于ROS 服务通信模式详解

    基于ROS 服务通信模式详解

    今天小编就为大家分享一篇基于ROS 服务通信模式详解,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-12-12
  • C++排序算法之插入排序解析

    C++排序算法之插入排序解析

    这篇文章主要介绍了C++排序算法之插入排序解析,将数组分为有序表和无序表,每次从有序表中取出一个元素,插入到有序表的适当位置,每遍历一次,有序表中元素增加一个,无序表中元素个数减少一个,重复n-1次,完成排序,需要的朋友可以参考下
    2023-10-10
  • C++实现LeetCode(208.实现字典树(前缀树))

    C++实现LeetCode(208.实现字典树(前缀树))

    这篇文章主要介绍了C++实现LeetCode(208.实现字典树(前缀树)),本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下
    2021-08-08
  • C++ new与malloc和delete及free动态内存管理及区别介绍

    C++ new与malloc和delete及free动态内存管理及区别介绍

    这篇文章主要介绍了深入理解C++中的new/delete和malloc/free动态内存管理,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-12-12
  • C++利用循环和栈实现走迷宫

    C++利用循环和栈实现走迷宫

    这篇文章主要为大家详细介绍了C++利用循环和栈实现走迷宫,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-05-05

最新评论