[IDE]TinyML研究和学习的小精灵 之四

最新推荐文章于 2024-04-25 10:09:43 发布
最新推荐文章于 2024-04-25 10:09:43 发布
阅读量172 收藏
点赞数
分类专栏： 嵌入式基础知识 文章标签： 学习 嵌入式硬件
原文链接：https://bbs.21ic.com/icview-3149938-1-1.html
版权

上次我们领略了Wio终端在显示字体方面的多样性，并为其添加汉字显示功能，本次我们介绍一下显示控件的效果设计及其程序实现，从而增强界面的表现力。

自Windows操作系统面世以来，大家以习惯了它的界面操作风格，在基于单片机及ARM所设计的系统上，也可以仿照它的风格来设计界面，其中主要的工作就是设计相应显示控件。

1.控件制作

在Windows系统下，常用的显示控件包括按键、单选、多选、文本框、选项卡、下拉菜单、下拉列表等。

在介绍控件在Wio终端的实现方法前，先做的准备工作就是构建一个用于实验的小中文字库，其作用大家会在后面体会到。

该字库的内容如下：

unsigned char Hzk[]={

0x04,0x43,0x30,0x01,0x20,0x25,0x25,0xFD,0x25,0x25,0x20,0x10,0x21,0xC6,0x00,0x00,

0x20,0x20,0x7E,0x80,0x02,0xF3,0x2A,0x22,0x2C,0xF4,0x05,0x82,0x04,0x18,0x60,0x00,/*"澎",0*/

0x08,0x06,0x40,0x31,0x00,0x11,0x11,0xFF,0x11,0x11,0x00,0x7F,0x44,0x44,0x7F,0x00,

0x20,0x20,0x7E,0x80,0x00,0xF8,0x10,0x10,0x10,0xF9,0x06,0xF8,0x42,0x41,0xFE,0x00,/*"湖",1*/

0x08,0x06,0x40,0x31,0x24,0x29,0x21,0xBD,0x61,0x21,0x3D,0x21,0x28,0x24,0x00,0x00,

0x20,0x20,0x7E,0x80,0x00,0x70,0x50,0x50,0x50,0x52,0x51,0xD2,0x1C,0x00,0x00,0x00,/*"湾",2*/

0x00,0x3F,0x20,0x20,0x3F,0x01,0x11,0x11,0x11,0xFF,0x11,0x11,0x11,0x11,0x01,0x00,

0x00,0xF0,0x20,0x20,0xF4,0x08,0x10,0x60,0x80,0xFF,0x80,0x60,0x10,0x08,0x04,0x00,/*"味",3*/

0x02,0x02,0x42,0x33,0x00,0x10,0x97,0x55,0x1D,0x15,0x15,0x55,0x97,0x10,0x00,0x00,

0x00,0x02,0x04,0xF8,0x04,0x02,0xFA,0x52,0x52,0x52,0x52,0x52,0xFA,0x02,0x02,0x00,/*"道",4*/

0x48,0x26,0x00,0x10,0x10,0x1F,0x10,0x10,0x00,0x3F,0x68,0xA4,0x21,0x3F,0x00,0x00,

0x20,0x7E,0x80,0x08,0x0C,0xF8,0x10,0x10,0x00,0xC8,0x48,0x48,0x4A,0x41,0x7E,0x00,/*"鸿",5*/

0x00,0x00,0x7F,0x40,0x41,0x47,0x58,0x41,0x47,0x5C,0x44,0x57,0x4C,0x44,0x44,0x00,

0x01,0x06,0xF8,0x80,0x00,0xFF,0x80,0x00,0xFF,0x92,0x92,0xFE,0x92,0x92,0x92,0x00,/*"雁",6*/

0x00,0x20,0xFF,0x24,0x24,0x24,0xFF,0x20,0x00,0x7F,0x44,0x44,0x44,0x7F,0x00,0x00,

0x11,0x12,0xF4,0x90,0x90,0x98,0xF5,0x12,0x0C,0xF0,0x40,0x42,0x41,0xFE,0x00,0x00,/*"期",7*/

0x00,0x08,0x11,0x23,0xCC,0x02,0x12,0x12,0x12,0xFE,0x12,0x13,0x12,0x12,0x02,0x00,

0x40,0x80,0x00,0xFF,0x00,0x40,0x50,0x4C,0x40,0x42,0x41,0xFE,0x40,0x40,0x40,0x00,/*"待",8*/

0x00,0x00,0x00,0x00,0x01,0x07,0x1F,0x7F,0x1F,0x07,0x01,0x00,0x00,0x00,0x00,0x00,

0x00,0x04,0x1C,0x7C,0xFC,0xFC,0xFC,0xFC,0xFC,0xFC,0xFC,0x7C,0x1C,0x04,0x00,0x00,/*"▲",9*/

0x00,0x03,0x0C,0x10,0x10,0x20,0x21,0x21,0x20,0x10,0x10,0x0C,0x03,0x00,0x00,0x00,

0x00,0xC0,0x30,0x08,0x08,0x04,0x84,0x84,0x04,0x08,0x08,0x30,0xC0,0x00,0x00,0x00,/*"⊙",10*/

0x00,0x03,0x0C,0x10,0x10,0x20,0x20,0x20,0x20,0x10,0x10,0x0C,0x03,0x00,0x00,0x00,

0x00,0xC0,0x30,0x08,0x08,0x04,0x04,0x04,0x04,0x08,0x08,0x30,0xC0,0x00,0x00,0x00/*"○",11*/

};

其显示的显示效果如图1所示，其中的符号"⊙"和"○"就可帮助我们来实现单选处理。

而，则可用于当前选项的指示，这便将它们纳入字库的原因。

当然，若以绘制填充三角形的方式来取代"▲"符号，其指向意义会更明显。

图1 字模显示效果

1）单选

有了单选符号的帮助，在按键的辅助下能轻松地实现单选处理。

实现图2所示效果的程序如下：

  ShowCHinese(80,100,10,TFT_YELLOW);

  ShowCHinese(100,100,0,TFT_YELLOW);

  ShowCHinese(120,100,1,TFT_YELLOW);

  ShowCHinese(140,100,2,TFT_YELLOW);

  ShowCHinese(80,120,11,TFT_YELLOW);

  ShowCHinese(100,120,3,TFT_YELLOW);

  ShowCHinese(120,120,4,TFT_YELLOW);

  ShowCHinese(80,140,11,TFT_YELLOW);

  ShowCHinese(100,140,5,TFT_YELLOW);

  ShowCHinese(120,140,6,TFT_YELLOW);

  ShowCHinese(80,160,11,TFT_YELLOW);

  ShowCHinese(100,160,7,TFT_YELLOW);

  ShowCHinese(120,160,8,TFT_YELLOW);

图2 单选控件效果

按键选择的程序为：

void setup() {

  tft.begin();

  tft.setRotation(3);

  tft.fillScreen(TFT_RED);

  ShowCHinese(80,100,10,TFT_YELLOW);

  ShowCHinese(100,100,0,TFT_YELLOW);

  ShowCHinese(120,100,1,TFT_YELLOW);

  ShowCHinese(140,100,2,TFT_YELLOW);

  ShowCHinese(80,120,11,TFT_YELLOW);

  ShowCHinese(100,120,3,TFT_YELLOW);

  ShowCHinese(120,120,4,TFT_YELLOW);

  ShowCHinese(80,140,11,TFT_YELLOW);

  ShowCHinese(100,140,5,TFT_YELLOW);

  ShowCHinese(120,140,6,TFT_YELLOW);

  ShowCHinese(80,160,11,TFT_YELLOW);

  ShowCHinese(100,160,7,TFT_YELLOW);

  ShowCHinese(120,160,8,TFT_YELLOW);

  pinMode(WIO_KEY_A, INPUT_PULLUP);

  pinMode(WIO_KEY_B, INPUT_PULLUP);

  pinMode(WIO_KEY_C, INPUT_PULLUP);

}

void loop() {

     int m;

    if (digitalRead(WIO_KEY_A) == LOW) {

      m=100+n*20;

      tft.fillRect(80, m, 20, 20,TFT_RED);

     ShowCHinese(80,m,11,TFT_YELLOW);

      n=(n+1)%4;

      m=100+n*20;

     ShowCHinese(80,m,10,TFT_YELLOW);

     }

     

     if (digitalRead(WIO_KEY_B) ==LOW) {

      m=100+n*20;

      tft.fillRect(80, m, 20, 20,TFT_RED);

     ShowCHinese(80,m,11,TFT_YELLOW);

      if(n>0) n=(n-1)%4;

      m=100+n*20;

     ShowCHinese(80,m,10,TFT_YELLOW);

     }

     

     if (digitalRead(WIO_KEY_C) ==LOW) {

       tft.setTextColor(TFT_YELLOW,TFT_RED);

       tft.setTextSize(3);

      tft.drawString("N=", 80, 200);

       tft.drawNumber(n+1, 120, 200,1);

     }

     delay(200);

}

图3 选控效果

2）多选

多选标识有2种，即☒和☑。若使用录入字符的方式来提取字模是无效的，此时必须借助图形模式来解决。

以图形模式提取字模的步骤为：

（1）在Word中插入特殊符号☑或☒；

（2）抓取该特殊符号的图像并粘贴到图形软件中，其画布大小为16*16像素点，然后将其保存到位图文件，见图4所示；

图4 生成位图文件

（3）将字模提取软件PCtoLCD2002切换到图形模式；

（4）打开位图文件并点击“生成字模”，见图5所示。

图5 提取字模

获取的3个特殊符号字模为：

0x00,0x00,0x3F,0x28,0x28,0x24,0x22,0x21,0x21,0x22,0x24,0x28,0x28,0x3F,0x00,0x00,

0x00,0x00,0xFC,0x0C,0x14,0x24,0x44,0x84,0x84,0x44,0x24,0x14,0x0C,0xFC,0x00,0x00,//☒ 12

0x00,0x00,0x3F,0x20,0x20,0x20,0x20,0x20,0x20,0x20,0x20,0x20,0x20,0x3F,0x00,0x00,

0x00,0x00,0xFC,0x04,0x04,0x04,0x04,0x04,0x04,0x04,0x04,0x04,0x04,0xFC,0x00,0x00,//□ 13

0x00,0x00,0x3F,0x20,0x20,0x20,0x20,0x20,0x21,0x23,0x27,0x26,0x2E,0x3F,0x10,0x00,

0x00,0x40,0xFC,0x74,0x3C,0x1C,0x34,0xE4,0xC4,0x84,0x04,0x04,0x04,0xFC,0x00,0x00,// ☑ 14

有了多选符号，要实现图6的显示效果其程序为：

  ShowCHinese(80,100,14,TFT_YELLOW);

  ShowCHinese(100,100,0,TFT_YELLOW);

  ShowCHinese(120,100,1,TFT_YELLOW);

  ShowCHinese(140,100,2,TFT_YELLOW);

  ShowCHinese(80,120,13,TFT_YELLOW);

  ShowCHinese(100,120,3,TFT_YELLOW);

  ShowCHinese(120,120,4,TFT_YELLOW);

  ShowCHinese(80,140,14,TFT_YELLOW);

  ShowCHinese(100,140,5,TFT_YELLOW);

  ShowCHinese(120,140,6,TFT_YELLOW);

  ShowCHinese(80,160,14,TFT_YELLOW);

  ShowCHinese(100,160,7,TFT_YELLOW);

  ShowCHinese(120,160,8,TFT_YELLOW);

图6 显示效果一

若使用另一种标识符，则可产生图7的显示效果，其程序为：

  ShowCHinese(80,100,12,TFT_YELLOW);

  ShowCHinese(100,100,0,TFT_YELLOW);

  ShowCHinese(120,100,1,TFT_YELLOW);

  ShowCHinese(140,100,2,TFT_YELLOW);

  ShowCHinese(80,120,13,TFT_YELLOW);

  ShowCHinese(100,120,3,TFT_YELLOW);

  ShowCHinese(120,120,4,TFT_YELLOW);

  ShowCHinese(80,140,13,TFT_YELLOW);

  ShowCHinese(100,140,5,TFT_YELLOW);

  ShowCHinese(120,140,6,TFT_YELLOW);

  ShowCHinese(80,160,12,TFT_YELLOW);

  ShowCHinese(100,160,7,TFT_YELLOW);

  ShowCHinese(120,160,8,TFT_YELLOW);

图7显示效果二

多选处理的设计思路是，当按下K1键时，当前选项被标上复选标识；若按下K2键，则**下该选项被选取，且在再次按下K1键时，其标识符不被清除；否则再次按下K1键时，该识符将被清除。当按下K3键时，则显示出选择的结果以便验证。

为了防止出现状态**的差错，采取了标识状态与**位的映射处理，实现多选处理的流程如图8所示。

图8 功能处理流程图

多选处理程序如下:

void menu() {

ShowCHinese(80,100,13,TFT_YELLOW);

ShowCHinese(100,100,0,TFT_YELLOW);

ShowCHinese(120,100,1,TFT_YELLOW);

ShowCHinese(140,100,2,TFT_YELLOW);

ShowCHinese(80,120,13,TFT_YELLOW);

ShowCHinese(100,120,3,TFT_YELLOW);

ShowCHinese(120,120,4,TFT_YELLOW);

ShowCHinese(80,140,13,TFT_YELLOW);

ShowCHinese(100,140,5,TFT_YELLOW);

ShowCHinese(120,140,6,TFT_YELLOW);

ShowCHinese(80,160,13,TFT_YELLOW);

ShowCHinese(100,160,7,TFT_YELLOW);

ShowCHinese(120,160,8,TFT_YELLOW);

}

void setup() {

int32_t x,y,w,h;

tft.begin();

tft.setRotation(3);

tft.fillScreen(TFT_RED);

menu();

tft.setTextSize(3);

tft.setTextColor(TFT_YELLOW, TFT_RED);

pinMode(WIO_KEY_A, INPUT_PULLUP);

pinMode(WIO_KEY_B, INPUT_PULLUP);

pinMode(WIO_KEY_C, INPUT_PULLUP);

}

void loop() {

    int m;

    if (digitalRead(WIO_KEY_C) == LOW) {

     if(n%4==0)

     {

       f=0;

       n=0;

       u=n;

       tft.drawString("M=", 80, 200);

       tft.drawNumber(u, 120, 200, 1);

       tft.fillRect(80, 160, 20, 20, TFT_RED);

       ShowCHinese(80,100,12,TFT_YELLOW);

       ShowCHinese(80,120,13,TFT_YELLOW);

       ShowCHinese(80,140,13,TFT_YELLOW);

       ShowCHinese(80,160,13,TFT_YELLOW);

       n=(n+1)%4;

     }

     else

     {

       n=(n-1)%4;

       m=100+(n%4)*20;

       if(f==0)

       {

            tft.fillRect(80, m, 20, 20,TFT_RED);

            ShowCHinese(80,m,13,TFT_YELLOW);

       }

       else

       {

            f=0;

       }

       n=(n+1)%4;

       u=n;

       tft.drawNumber(u, 120, 200, 1);

       m=100+(n%4)*20;

       ShowCHinese(80,m,12,TFT_YELLOW);

       n=(n+1)%4;

     }

    }

   

    if (digitalRead(WIO_KEY_B) == LOW) {

      f=1;

      s |= (0x01<<u);

    }

   

    if (digitalRead(WIO_KEY_A) == LOW) {

      tft.drawString("N=", 180, 200);

      tft.drawNumber(s, 220, 200, 1);

      while(digitalRead(WIO_KEY_A) == LOW);

       s=0;

    }

    delay(200);

}

在编译与上传后，其运行效果如图9所示。

图9 多选效果

3）文本框与按键

文本框是用于输入信息的控件，按键则是用于执行相应操作的控件，在Wio终端由于缺少键盘和鼠标之类的输入设备，故此类控件所存在的意义在于标识其此类控件的性能和属性。

制作此类控件的效果是由填充的矩形及相应的深浅边框构成的，其显示效果如图10所示。

图10文本框与按键

实现显示效果的程序为：

  tft.fillScreen(TFT_RED);

  x=100;

  y=80;

  w=100;

  h=30;

  tft.fillRect(x, y, w, h,TFT_WHITE);

  tft.drawFastHLine(x, y,w-1,TFT_BLACK);

  tft.drawFastHLine(x, y+h-1,w,TFT_LIGHTGREY);

  tft.drawFastVLine(x, y, h,TFT_BLACK);

  tft.drawFastVLine(x+w-1, y+1,h-1,TFT_LIGHTGREY);

  ShowCHinese(x+23,y+6,0,TFT_BLACK);

  ShowCHinese(x+43,y+6,1,TFT_BLACK);

  ShowCHinese(x+63,y+6,2,TFT_BLACK);

  x=100;

  y=130;

  tft.fillRect(x, y, w, h,TFT_LIGHTGREY);

  tft.drawFastHLine(x, y,w-1,TFT_WHITE);

  tft.drawFastHLine(x, y+h-1,w,TFT_BLACK);

  tft.drawFastVLine(x, y, h,TFT_WHITE);

  tft.drawFastVLine(x+w-1, y+1,h-1,TFT_BLACK);

  ShowCHinese(x+23,y+6,0,TFT_BLACK);

  ShowCHinese(x+43,y+6,1,TFT_BLACK);

  ShowCHinese(x+63,y+6,2,TFT_BLACK);

鉴于界面的按键与操控的实际按键存在这一定的对应关系，故其处理程序这里从略。

4）选项处理

对于图11所示的功能性选项处理，需有相应标识符的配合，但字符“▲”却据实际需要有些差距，需进行旋转处理。

图11 选项处理

要使用字模提取软件进行处理，其方法为：

（1）在字模提取软件中输入字符“▲”；

（2）使用“文字右旋90度”工具图标来旋转字模；

（3）点击“生成字模”按钮即可，其结果如图12所示。

图12 旋转字模

所获取的字模为：

{0x00,0x00,0x7F,0x3F,0x3F,0x1F,0x1F,0x0F,0x0F,0x07,0x07,0x03,0x03,0x01,0x01,0x00},

{0x00,0x00,0xFC,0xF8,0xF8,0xF0,0xF0,0xE0,0xE0,0xC0,0xC0,0x80,0x80,0x00,0x00,0x00},/*"▲转置"*/

功能性按键选择的程序为：

void setup() {

  tft.begin();

  tft.setRotation(3);

  tft.fillScreen(TFT_RED);

  ShowCHinese(80,100,12,TFT_YELLOW);

  ShowCHinese(100,100,0,TFT_YELLOW);

  ShowCHinese(120,100,1,TFT_YELLOW);

  ShowCHinese(140,100,2,TFT_YELLOW);

  ShowCHinese(100,120,3,TFT_YELLOW);

  ShowCHinese(120,120,4,TFT_YELLOW);

  ShowCHinese(100,140,5,TFT_YELLOW);

  ShowCHinese(120,140,6,TFT_YELLOW);

  ShowCHinese(100,160,7,TFT_YELLOW);

  ShowCHinese(120,160,8,TFT_YELLOW);

  pinMode(WIO_KEY_A, INPUT_PULLUP);

  pinMode(WIO_KEY_B, INPUT_PULLUP);

  pinMode(WIO_KEY_C, INPUT_PULLUP);

}

void loop() {

     int m;

     if (digitalRead(WIO_KEY_A) ==LOW) {

      m=100+n*20;

      tft.fillRect(80, m, 20, 20,TFT_RED);

      n=(n+1)%4;

      m=100+n*20;

     ShowCHinese(80,m,12,TFT_YELLOW);

     }

     

     if (digitalRead(WIO_KEY_B) ==LOW) {

      m=100+n*20;

      tft.fillRect(80, m, 20, 20,TFT_RED);

      if(n>0) n=(n-1)%4;

      m=100+n*20;

     ShowCHinese(80,m,12,TFT_YELLOW);

     }

     if (digitalRead(WIO_KEY_C) ==LOW) {

       tft.setTextColor(TFT_YELLOW,TFT_RED);

       tft.setTextSize(3);

      tft.drawString("N=", 80, 200);

       tft.drawNumber(n+1, 120, 200,1);

     }

     delay(200);

}

在编译与上传后，其运行效果如图13所示。

图13选控效果

对于下拉菜单和下拉列表，其选取方式如图14所示。

图14 下拉式选取

色块式标识下拉选择的程序为:

void m1() {

  ShowCHinese(100,100,0,TFT_BLACK);

  ShowCHinese(120,100,1,TFT_BLACK);

  ShowCHinese(140,100,2,TFT_BLACK);

}

void m2() {

  ShowCHinese(100,120,3,TFT_BLACK);

  ShowCHinese(120,120,4,TFT_BLACK);

}

void m3() {

  ShowCHinese(100,140,5,TFT_BLACK);

  ShowCHinese(120,140,6,TFT_BLACK);

}

void m4() {

  ShowCHinese(100,160,7,TFT_BLACK);

  ShowCHinese(120,160,8,TFT_BLACK);

}

void setup() {

  int32_t x,y,w,h;

  tft.begin();

  tft.setRotation(3);

  tft.fillScreen(TFT_LIGHTGREY);

  tft.fillRect(90, 98, 80, 81,TFT_WHITE);

  tft.fillRect(91, 99, 79, 20,TFT_LIGHTGREY);

  tft.drawRect(90, 98, 80, 82,TFT_BLACK);

  m1();

  m2();

  m3();

  m4();

  pinMode(WIO_KEY_A, INPUT_PULLUP);

  pinMode(WIO_KEY_B, INPUT_PULLUP);

  pinMode(WIO_KEY_C, INPUT_PULLUP);

}

void loop() {

      int m;

      if (digitalRead(WIO_KEY_A) ==LOW) {

      m=99+n*20;

      tft.fillRect(91, m, 78, 20,TFT_WHITE);

      if(n==0) m1();

      if(n==1) m2();

      if(n==2) m3();

      if(n==3) m4();

      n=(n+1)%4;

      m=99+n*20;

      tft.fillRect(91, m, 78, 20,TFT_LIGHTGREY);

      if(n==0) m1();

      if(n==1) m2();

      if(n==2) m3();

      if(n==3) m4();

     }

      if (digitalRead(WIO_KEY_B) ==LOW) {

      m=99+n*20;

      tft.fillRect(91, m, 78, 20,TFT_WHITE);

      if(n==0) m1();

      if(n==1) m2();

      if(n==2) m3();

      if(n==3) m4();

      if(n>0) n=(n-1)%4;

      m=99+n*20;

      tft.fillRect(91, m, 78, 20,TFT_LIGHTGREY);

      if(n==0) m1();

      if(n==1) m2();

      if(n==2) m3();

      if(n==3) m4();

     }

     if (digitalRead(WIO_KEY_C) ==LOW) {

       tft.setTextColor(TFT_YELLOW,TFT_LIGHTGREY);

       tft.setTextSize(3);

      tft.drawString("N=", 80, 200);

       tft.drawNumber(n+1, 120, 200,1);

     }

     delay(200);

}

在编译与上传后，其运行效果如图15所示。

图15 下拉式选取

5）选项卡

选项卡是一种分类显示信息的结构形式，其作用类似于多窗口间的切换，其显示效果如图16所示。

图16选项卡效果

选项卡控制的程序为:

void setup() {

  int32_t x,y,w,h;

  tft.begin();

  tft.setRotation(3);

  tft.fillScreen(TFT_LIGHTGREY);

  tft.fillRect(20, 18, 280, 200,TFT_WHITE);

  tft.drawFastHLine(20, 42,280,TFT_BLACK);

  tft.drawFastVLine(120, 18, 24,TFT_BLACK);

  tft.drawFastVLine(200, 18, 24,TFT_BLACK);

  tft.drawFastHLine(20, 42,100,TFT_WHITE);

  ShowCHinese(60,22,3,TFT_BLACK);

  ShowCHinese(80,22,4,TFT_BLACK);

  ShowCHinese(140,22,5,TFT_BLACK);

  ShowCHinese(160,22,6,TFT_BLACK);

  ShowCHinese(220,22,7,TFT_BLACK);

ShowCHinese(240,22,8,TFT_BLACK);  

  pinMode(WIO_KEY_A, INPUT_PULLUP);

  pinMode(WIO_KEY_B, INPUT_PULLUP);

  pinMode(WIO_KEY_C, INPUT_PULLUP);

  tft.setTextSize(4);

}

void loop() {

  

  if (digitalRead(WIO_KEY_C) == LOW){

     tft.setTextColor(TFT_LIGHTGREY,TFT_WHITE);

     if(n==0)

     {

        tft.drawFastHLine(200, 42,100,TFT_BLACK);

        tft.drawFastHLine(20, 42,100,TFT_WHITE);

     }

     if(n==1)

     {

        tft.drawFastHLine(20, 42,100,TFT_BLACK);

        tft.drawFastHLine(120, 42,80,TFT_WHITE);

     }

     if(n==2)

     {

        tft.drawFastHLine(120, 42,80,TFT_BLACK);

        tft.drawFastHLine(200, 42,100,TFT_WHITE);

     }

     

     tft.drawString("N=",80, 120);

     tft.drawNumber(n+1, 120, 120,1);

     n=(n+1)%3;

     

  }

  

  if (digitalRead(WIO_KEY_B) == LOW){

   

  }

  

  if (digitalRead(WIO_KEY_A) == LOW){

    tft.fillScreen(TFT_LIGHTGREY);

    tft.setTextColor(TFT_WHITE,TFT_LIGHTGREY);

    tft.drawString(" END", 80, 120);

    while(1);

  }

   delay(200);

}

经编译和上传，其运行效果如图17所示。

图17选项卡控制

动画效果：

至此，我们已完成了在显示屏使用方面的介绍，其间所介绍的汉字显示及控件处理方面的内容是对原显示功能的有效补充和扩展，希望能对大家的应用带来益处和启发。其实显示方面的应用还有许多，由于它与硬件的结合比较紧密，故后面会暂时结束在显示方面的盘桓，将介绍的内容转向硬件的性能及其使用方法，若感兴趣不妨持续关注。
---------------------
作者：jinglixixi
链接：https://bbs.21ic.com/icview-3149938-1-1.html
来源：21ic.com
此文章已获得原创/原创奖标签，著作权归21ic所有，任何人未经允许禁止转载。

21ic电子工程师
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
tinyml
03-18
小型机器学习 [新闻]我们的项目包括：，， ， ， ， 。 TinyML项目 专案 关键字词 高效内存推断，系统算法协同设计 设备上学习，记忆有效的转移学习 关于TinyML 具有丰富传感器的智能边缘设备（例如数十亿部手机和IoT设备）在我们的日常生活中无处不在。结合了人工智能（AI）和这些边缘设备，存在大量的现实世界应用程序，例如智能家居，智能零售，自动驾驶等。但是，最先进的深度学习AI系统通常需要大量资源（例如，大型标签数据集，许多计算资源，许多AI专家）进行训练和推理。这阻碍了这些功能强大的深度学习AI系统在边缘设备上的应用。 旨在通过需要更少的计算，更少的工程师和更少的数据来提高深度学习AI系统的效率，以促进边缘AI和AIoT的巨大市场。 演示版 相关项目 （NeurIPS'20，聚焦） （NeurIPS'20） 全力以赴（ICLR'20） （ICLR'19） （I
TinyML：下一轮人工智能革命
人工智能学家
11-03 588
来源：AI前线作者：Matthew Stewart译者：盖磊策划：陈思人工智能的一个趋势是正快速从“云端”走向“边缘”。TinyML 是在海量的物联网设备端微控制器上实现的人工智能，有望...
C语言与嵌入式AI边缘计算：TinyML、TensorFlow Lite在嵌入式设备上的应用（二）
weixin_56154577的博客
04-21 1223
TinyML是一种专注于在极低功耗、资源极其有限的微控制器（MCU）级别硬件上实现机器学习（ML）模型高效运行的技术领域。其核心目标在于将先进的机器学习算法和模型移植到体积小巧、能耗极低的嵌入式设备中，使这些设备具备边缘智能，能够在没有外部服务器支持的情况下进行实时数据处理和决策制定。
tinyML，一种能在MCU上实现机器学习的算法~
08-17 1370
作者 C. J. Abate(美国)译者 君谦机器学习(ML)作为人工智能的一个子类，在各个领域(包括大气科学和计算机视觉)都得到了广泛的应用。正如哈佛大学博士Matthew Stewar...
嵌入式部署机器学习模型---TinyML
探索人工智能领域
09-01 1110
TinyML 是机器学习和嵌入式系统的一个研究领域，它探索可以在微控制器等小型低功耗设备上运行的模型类型。标准消费类 CPU 的功耗在 65 瓦到 85 瓦之间，标准消费类 GPU 的功耗在 200 瓦到 500 瓦之间，而典型的微控制器的功耗约为毫瓦或微瓦。这种低功耗使得TinyML 设备可以在不插电的情况下使用电池运行数周、数月，在某些情况下甚至数年，同时在边缘运行 ML 应用程序。在一天中，您使用这些模型的次数比您意识到的要多。当您说“Alexa”或“好的，Google”时，您希望设备立即响应您。
TinyML AI推理库-Python开发
05-25
uTensor-测试发布注意：如果您要寻找稳定的发布版本，请签出master。 发行说明更新了uTensor自述文件更新了uTensor-CLI自述文件ROM Tensor支持简介什么uTensor-测试发行说明：如果您正在寻找稳定的发行版，请结帐母版。 教程构建教程示例确保cmake在系统上可用并运行以下命令：$ mkdir build $ cd build $ cmake -DPACKAGE_TUTORIALS = ON .. $ make构建过程完成后，您应该在build / tutorials /下找到该教程可执行文件。目录。 请按照每个教程目录中README.md中的说明进行操作，以学习如何使用uTensor。 这是链接到
基于IDE硬盘的高速数据存储器研究
12-05
综上所述，基于IDE硬盘的高速数据存储器研究旨在解决遥测技术快速发展带来的存储挑战，通过优化的数据处理和存储策略，实现了高速、大容量、低成本的数据存储，为特殊环境下的遥测数据存储提供了一种有效方案。
机器学习初步——TensorFlow在Linux操作系统下安装的整个过程（包括IDE）
04-27
在机器学习领域，TensorFlow是一个不可或缺的工具，它是一个基于数据流编程的开源库，用于构建和训练复杂的机器学习模型。TensorFlow源自谷歌的DistBelief项目，旨在提供更加高效和灵活的平台，支持各种机器学习算法...
selenium IDE学习
08-16
selenium IDE学习简单的介绍及初级的使用
powershell-ide:浏览器的远程PowerShell IDE和终端
05-07
浏览器的PowerShell IDE和终端这是使用Node.js构建的用于浏览器的概念验证PowerShell IDE /终端。 从理论上讲，如果Powershell安装在Linux或macOS设备上，则此应用程序应该可以运行。 它可以用来演示漏洞和远程...
系列单片机通用IDE环境keil的学习优秀文档.ppt
11-14
系列单片机通用IDE环境keil的学习优秀文档.ppt
tinyai:玩耍tinyML
03-31
天台 学 playAround [SparkFun Edge]
tinyml-papers-and-projects：这是有关TinyML的有趣论文和项目的列表。
02-15
TinyML纸和项目 这是有关TinyML的有趣论文，项目，文章和讨论的列表。 很棒的论文 2016年 深压缩：通过修剪，训练量化和霍夫曼编码压缩深神经网络| [SQUEEZENET]具有50倍较少参数和小于0.5MB模型尺寸的ALEXNET级别准确性| 2017年 仅基于整数算法的神经网络的量化和训练 用于物联网的2 KB RAM中的资源高效机器学习| ProtoNN：用于资源稀缺设备的压缩且精确的kNN | OPENMV：Python驱动的可扩展机器视觉相机| 2018年 [AMC]用于移动设备上模型压缩和加速的AutoML | ARM的移动机器学习硬件：片上系统（SoC）观点|英特尔:registered:开发人员专区 [HAQ]具有混合精度的硬件感知自动量化| 适用于实际系统的高效而强大的机器学习 [GesturePod]视障人士基于手势的交互手杖| [YOLO-LITE]针对非
探索TinyML：微小而强大的机器学习新纪元
最新发布
gitblog_00094的博客
04-25 392
探索TinyML：微小而强大的机器学习新纪元 项目地址:https://gitcode.com/mit-han-lab/tinyml TinyML 是一个由MIT Han Lab主导的研究与开发项目，其目标是将机器学习（ML）技术引入资源受限的边缘设备中，比如嵌入式系统、微控制器和物联网设备。通过在这些小型硬件上实现高效的深度学习模型，TinyML旨在开启全新的应用场景，让智能化无处不在。 技术分...
更大的模型并不总是更好的模型，微型机器学习将是未来的方向
喜欢打酱油的老鸟
10-12 854
在NASA的推动下,电子产品的小型化成为一个完整的消费品行业。现在我们可以把贝多芬的全部作品放在翻领针上用耳机听。 --天体物理学家兼科学评论员尼尔·德格拉斯·泰森(Neil deGrasse Tyson) 超低功耗嵌入式设备的普遍存在，再加上诸如针对微控制器的TensorFlow Lite的嵌入式机器学习框架的引入，将使AI驱动的IoT设备大规模普及。 --哈佛大学副教授Vijay Janapa Reddi 嵌入式设备的微型机器学习(TinyML) 本文的目的是向读者介绍小型机器学习的概念及其
关于TinyML的认识
cavern1628的专栏
02-24 2994
TinyML是好药，但绝不是“银弹”！为什么呢？我给大家分析分析， TinyML这篇文章主要宣贯的微端智能应用未来几年是大的爆发点，但我认为其实本质是芯片博弈革命，我之前也多次讲过芯片的发展其实分两个方向，一个是通用芯片，一个是专用芯片，专用芯片面向特定应用场景更高效，因为高效，所以功耗就低（挖矿机算一个面向专项应用的机器，但还是用的通用芯片,功耗并不低），对于微端智能应用发展，一定是从...
TINYML入门资料
qq_45720531的博客
05-06 2189
基础资料 神经网络入门 电子森林的这篇文章中提到了TinyML压缩主要是压缩卷积神经网络模型，而关于这个模型在下面那篇，人脸监测算法相关基础理论中有提到（第二章）。 电子森林TinyML技术概述 人脸监测算法相关基础理论见本论文第二章 实现神经网络压缩 压缩方法 主要参考本篇综述文章的第二章 深度学习模型压缩与加速综述 下面这篇主要讲了用量化的方法压缩模型，还有模型的加速，参考第3章 嵌入式深度神经网络的模型压缩与前向加速技术研究 丁杰 它还提到了，之前我们看到的压缩方式，也就是量化，剪枝，霍夫曼编码并用.
TinyML：使用 ChatGPT 和合成数据进行婴儿哭声检测
DT程序员的博客
05-02 2249
ChatGPT、TinyML 和文本到音频技术的组合被用来创建用于检测婴儿哭声的人工数据。
Arduino使用TinyML实现手势识别
跨学科知识视角展现
04-22 2532
什么是TinyML TinyML是在Pete Warden于2014年加入Google时发现的，当时OK Google小组是如何使用在DSP上运行的仅14 KB的神经网络来处理Android智能手机的“ OK Google”唤醒词的。沃登的背景是从房子的侧面看的，所以看到在如此有限的空间中奔跑的东西激发了他的好奇心。 他最初致力于使TensorFlow在Android和iOS设备上运行，然后移至T...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值