传统时钟

2022-01-21 23:34:59 阅读：250 来源： 互联网

在官方例程中看到了这个绘制时钟的例程，实在是巧妙，在这篇随笔中总结一下：

1.初始时间从编译时间__TIME__获得,详细资料参考 C语言获取编译时间

2.通过millis()函数计时，参考 millis()函数作用；大概思路就是初始有一个targetTime比millis()返回值大1000(即大1秒)，在loop中如果targetTime<millis()返回值，说明过去了一秒，做相应的操作(其中就包含将targetTime加1000)，这样有个好处是不用占用CPU跑空循环，可以做别的事情，但是millis()的返回值在一段时间后会溢出；更精确的计时可以使用RTClib

3.绘制指针时充分使用正余弦，秒针的移动通过不断地用背景色覆盖旧指针，绘制新指针实现，分针和时针类似，不过是在秒数等于0时做相应操作

#include <M5Stack.h>

#define TFT_GREY 0x5AEB
//uint16_t 就是无符号的2字节单元
float sx = 0, sy = 1, mx = 1, my = 0, hx = -1, hy = 0;    // Saved H, M, S x & y multipliers
float sdeg=0, mdeg=0, hdeg=0;
uint16_t osx=120, osy=120, omx=120, omy=120, ohx=120, ohy=120;  // Saved H, M, S x & y coords
uint16_t x0=0, x1=0, yy0=0, yy1=0;
uint32_t targetTime = 0;                    // for next 1 second timeout

static uint8_t conv2d(const char* p); // Forward declaration needed for IDE 1.6.x
uint8_t hh=conv2d(__TIME__), mm=conv2d(__TIME__+3), ss=conv2d(__TIME__+6);  //通过编译结束获得时间Get H, M, S from compile time

boolean initial = 1;

void setup(void) {
  M5.begin();
  M5.Power.begin();
  // M5.Lcd.setRotation(0);
  
  //M5.Lcd.fillScreen(TFT_BLACK);
  //M5.Lcd.fillScreen(TFT_RED);
  //M5.Lcd.fillScreen(TFT_GREEN);
  //M5.Lcd.fillScreen(TFT_BLUE);
  //M5.Lcd.fillScreen(TFT_BLACK);
  M5.Lcd.fillScreen(TFT_GREY);
  
  M5.Lcd.setTextColor(TFT_WHITE, TFT_GREY);  // Adding a background colour erases previous text automatically
  
  // 表盘
  M5.Lcd.fillCircle(160, 120, 118, TFT_GREEN);
  M5.Lcd.fillCircle(160, 120, 110, TFT_BLACK);

  // Draw 12 lines
  for(int i = 0; i<360; i+= 30) {
    sx = cos((i-90)*0.0174532925);
    sy = sin((i-90)*0.0174532925);
    x0 = sx*114+160;
    yy0 = sy*114+120;
    x1 = sx*100+160;
    yy1 = sy*100+120;

    M5.Lcd.drawLine(x0, yy0, x1, yy1, TFT_GREEN);
  }

  // 画60个点
  for(int i = 0; i<360; i+= 6) {
    sx = cos((i-90)*0.0174532925);
    sy = sin((i-90)*0.0174532925);
    x0 = sx*102+160;
    yy0 = sy*102+120;
    // Draw minute markers
    M5.Lcd.drawPixel(x0, yy0, TFT_WHITE);
    
    // Draw main quadrant dots
    if(i==0 || i==180) M5.Lcd.fillCircle(x0, yy0, 2, TFT_WHITE);
    if(i==90 || i==270) M5.Lcd.fillCircle(x0, yy0, 2, TFT_WHITE);
  }

  M5.Lcd.fillCircle(160, 121, 3, TFT_WHITE);

  // Only font numbers 2,4,6,7 are valid. Font 6 only contains characters [space] 0 1 2 3 4 5 6 7 8 9 : . - a p m
  // Font 7 is a 7 segment font and only contains characters [space] 0 1 2 3 4 5 6 7 8 9 : .

  targetTime = millis() + 1000; //millis()返回上电启动后的时间
}

void loop() {
  if (targetTime < millis()) {
    targetTime += 1000;
    ss++;              // Advance second
    if (ss==60) {
      ss=0;
      mm++;            // Advance minute
      if(mm>59) {
        mm=0;
        hh++;          // Advance hour
        if (hh>23) {
          hh=0;
        }
      }
    }

    // Pre-compute hand degrees, x & y coords for a fast screen update
    sdeg = ss*6;                  // 0-59 -> 0-354
    mdeg = mm*6+sdeg*0.01666667;  // 0-59 -> 0-360 - includes seconds
    hdeg = hh*30+mdeg*0.0833333;  // 0-11 -> 0-360 - includes minutes and seconds
    hx = cos((hdeg-90)*0.0174532925);    
    hy = sin((hdeg-90)*0.0174532925);
    mx = cos((mdeg-90)*0.0174532925);    
    my = sin((mdeg-90)*0.0174532925);
    sx = cos((sdeg-90)*0.0174532925);    
    sy = sin((sdeg-90)*0.0174532925);

    if (ss==0 || initial) {
      initial = 0;
      // Erase hour and minute hand positions every minute
      //擦除表上的旧时针和分针
      M5.Lcd.drawLine(ohx, ohy, 160, 121, TFT_BLACK);
      ohx = hx*62+161;    
      ohy = hy*62+121;
      M5.Lcd.drawLine(omx, omy, 160, 121, TFT_BLACK);
      omx = mx*84+160;    
      omy = my*84+121;
    }

      // Redraw new hand positions, hour and minute hands not erased here to avoid flicker
      M5.Lcd.drawLine(osx, osy, 160, 121, TFT_BLACK);//擦除旧秒针
      osx = sx*90+161;    
      osy = sy*90+121;
      M5.Lcd.drawLine(osx, osy, 160, 121, TFT_RED);
      M5.Lcd.drawLine(ohx, ohy, 160, 121, TFT_WHITE);
      M5.Lcd.drawLine(omx, omy, 160, 121, TFT_WHITE);
      M5.Lcd.drawLine(osx, osy, 160, 121, TFT_RED);//画了分针可能把秒针给盖住了

    M5.Lcd.fillCircle(160, 121, 3, TFT_RED);
  }
}

static uint8_t conv2d(const char* p) {//将字符型的10-99转为无符号数
  uint8_t v = 0;
  if ('0' <= *p && *p <= '9')
    v = *p - '0';
  return 10 * v + *++p - '0';
}

标签：120,M5,121,Lcd,TFT,160,传统,时钟
来源： https://www.cnblogs.com/ykts/p/15832129.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

传统时钟