搜索历史

清空
搜索热词
      0
      • 聊天消息
      • 系统消息
      • 评论与回复
      查看更多
      查看更多
      查看更多
      登录后你可以
      • 下载海量资料
      • 学习在线课程
      • 观看技术视频
      • 写文章/发帖/加入社区
      创作中心
      发布
      创作活动

      完善资料让更多小伙伴认识你，还能领取20积分哦，立即完善>

      3天内不再提示

      TFT液晶面板与三轴加速度计的配合使用–第2部分

      李鸿洋 • 来源：DevicePlus • 作者：DevicePlus • 2023-02-24 15:21 • 次阅读

      这篇文章来源于DevicePlus.com英语网站的翻译稿。

      点击此处阅读本文的第1部分 >

      pYYBAGPzFYiAau3xAAMtWixghGw641.jpg

      在第1部分中，我们能够获取KX022-1020加速度计的数值并将其显示到TFT液晶LCD面板上。在第2部分中，我们将展示如何在读取程序内容的同时控制TFT显示屏！

      今天的电子食谱

      预计完成时间：60分钟

      所需部件：

      Arduino 主体 (Arduino UNO R3)

      罗姆传感器评估套件https://www.rohm.com/web/global/sensor-shield-support

      TFT 液晶面板 (sainsmart 1.8) https://www.sainsmart.com/sainsmart-1-8-spi-lcd-module-with-microsd-led-backlight-for-arduino-mega-atmel-atmega.html

      ※ 您可以从以下站点购买罗姆传感器评估套件！

      Chip One Stop

      Mouser Electronics

      通过Arduino在TFT液晶显示屏上显示数据

      和之前一样，我们使用SainSmart ST7735RTFT显示屏。这是一款紧凑的LCD显示屏，可兼容Arduino和Raspberry Pi。该显示屏具有内置microSD卡插槽，因此除了读取和写入数据外，还可以存储和加载图像。在本教程中，我们将仅尝试在该TFT显示屏上显示数值。

      我们开始吧！首先，将TFT显示屏与Arduino连接起来。

      pYYBAGPzFYqAQey6AAKHb6zwptE952.jpg

      图1 SainSmart ST7735R TFT显示屏

      poYBAGPzFYyAIs0AAALsA90aeFA721.jpg

      图2 TFT显示屏的背面

      TFT 引脚定义：

      VCC – 供电电压

      GND – 地

      SCL – 串行时钟线

      SDA – 串行数据线

      RS / DC – 命令/数据选择

      RES – 控制器复位

      CS – TF卡的片选信号

      将Arduino连至TFT显示屏之后，我们来运行示例程序。

      将TFT显示屏库文件应用于Arduino

      正如文章第1部分中提到的，我们需要对库文件（ST7735R）进行一些小的修改，以便让TFT显示屏兼容Arduino系统。

      用于Arduino的SainSmart 1.8 ST7735R TFT液晶显示屏，搭载MicroSD卡槽和LED背光

      Raspberry Pi 库 (ST7735R V0.2)

      上述URL的页面底部有一个下载链接。单击页面上标有 “Download Link” 的链接，下载完整的库、示例代码及文档等。下载完成后，解压文件并重新编写必要的文件。

      请用能够编辑文本的编辑器打开 “ST7735.h” ，然后更改下图所示的部分。您也可以使用Arduino IDE。

      pYYBAGPzFY6AI8QoAAFBKTr8GIs173.jpg

      更改完成后，用zip再次压缩 “TFT 18” 目录，然后在Arduino（或Arduino Create）Add Library中将其作为一个库添加；或者将其放置在Arduino安装目录的“libraries”目录下并加载该库。

      导入库之后，请尝试在示例程序中移动 “TFT 18” – “graphictest” 。

      您会看到示例程序的显示非常流畅。

      示例程序 – graphictest

      //Pin setting
#define sclk 4
#define mosi 5
#define cs 6
#define dc 7
#define rst 8
//Color numbering
#define BLACK       	0x0000
#define BLUE        	0x001F
#define RED         	0xF800
#define GREEN       	0x07E0
#define CYAN        	0x07FF
#define MAGENTA     	0xF81F
#define YELLOW      	0xFFE0 
#define WHITE       	0xFFFF
#include 
#include 
ST7735 tft = ST7735(cs, dc, mosi, sclk, rst); 
void fillpixelbypixel(uint16_t color) {
 for (uint8_t x=0; x < tft.width; x++) {
   for (uint8_t y=0; y < tft.height; y++) {
     tft.drawPixel(x, y, color);
   }
 }
 delay(100);
}
void setup(void) {
 Serial.begin(9600);
 Serial.print("hello!");
 tft.initR();           	// initialize a ST7735R chip
 Serial.println("init");
 tft.writecommand(ST7735_DISPON);
  
 uint16_t time = millis();
 tft.fillScreen(BLACK);
 time = millis() - time;
  
 Serial.println(time, DEC);
 delay(500);
  
 //
 tft.fillScreen(BLACK);
 testdrawtext("Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur adipiscing ante sed nibh tincidunt feugiat. Maecenas enim massa, fringilla sed malesuada et, malesuada sit amet turpis. Sed porttitor neque ut ante pretium vitae malesuada nunc bibendum. Nullam aliquet ultrices massa eu hendrerit. Ut sed nisi lorem. In vestibulum purus a tortor imperdiet posuere. ", WHITE);
 delay(1000);
  
 //a single pixel
 tft.drawPixel(tft.width/2, tft.height/2, GREEN);
 delay(500);
  
 // line draw test
 testlines(YELLOW);
 delay(500);	
  
 // optimized lines
 testfastlines(RED, BLUE);
 delay(500);	
 testdrawrects(GREEN);
 delay(500);
 testfillrects(YELLOW, MAGENTA);
 delay(500);
 tft.fillScreen(BLACK);
 testfillcircles(10, BLUE);
 testdrawcircles(10, WHITE);
  
 Serial.println("done");
 delay(1000);
}
void loop() {
 tft.writecommand(ST7735_INVON);
 delay(500);
 tft.writecommand(ST7735_INVOFF);
 delay(500);
}
void testlines(uint16_t color) {
  tft.fillScreen(BLACK);
  for (uint16_t x=0; x < tft.width; x+=6) {
    tft.drawLine(0, 0, x, tft.height-1, color);
  }
  for (uint16_t y=0; y < tft.height; y+=6) {
    tft.drawLine(0, 0, tft.width-1, y, color);
  }
   
  tft.fillScreen(BLACK);
  for (uint16_t x=0; x < tft.width; x+=6) {
    tft.drawLine(tft.width-1, 0, x, tft.height-1, color);
  }
  for (uint16_t y=0; y < tft.height; y+=6) {
    tft.drawLine(tft.width-1, 0, 0, y, color);
  }
   
  tft.fillScreen(BLACK);
  for (uint16_t x=0; x < tft.width; x+=6) {
    tft.drawLine(0, tft.height-1, x, 0, color);
  }
  for (uint16_t y=0; y < tft.height; y+=6) {
    tft.drawLine(0, tft.height-1, tft.width-1, y, color);
  }
  tft.fillScreen(BLACK);
  for (uint16_t x=0; x < tft.width; x+=6) {
    tft.drawLine(tft.width-1, tft.height-1, x, 0, color);
  }
  for (uint16_t y=0; y < tft.height; y+=6) {
    tft.drawLine(tft.width-1, tft.height-1, 0, y, color);
  }
   
}
void testdrawtext(char *text, uint16_t color) {
 tft.drawString(0, 0, text, color);
}
void testfastlines(uint16_t color1, uint16_t color2) {
  tft.fillScreen(BLACK);
  for (uint16_t y=0; y < tft.height; y+=5) {
    tft.drawHorizontalLine(0, y, tft.width, color1);
  }
  for (uint16_t x=0; x < tft.width; x+=5) {
    tft.drawVerticalLine(x, 0, tft.height, color2);
  }
}
void testdrawrects(uint16_t color) {
tft.fillScreen(BLACK);
for (uint16_t x=0; x < tft.width; x+=6) { tft.drawRect(tft.width/2 -x/2, tft.height/2 -x/2 , x, x, color); } } void testfillrects(uint16_t color1, uint16_t color2) { tft.fillScreen(BLACK); for (uint16_t x=tft.width-1; x > 6; x-=6) {
  tft.fillRect(tft.width/2 -x/2, tft.height/2 -x/2 , x, x, color1);
  tft.drawRect(tft.width/2 -x/2, tft.height/2 -x/2 , x, x, color2);
}
}
void testfillcircles(uint8_t radius, uint16_t color) {
 for (uint8_t x=radius; x < tft.width; x+=radius*2) {
   for (uint8_t y=radius; y < tft.height; y+=radius*2) {
     tft.fillCircle(x, y, radius, color);
   }
 } 
}
void testdrawcircles(uint8_t radius, uint16_t color) {
 for (uint8_t x=0; x < tft.width+radius; x+=radius*2) {
   for (uint8_t y=0; y < tft.height+radius; y+=radius*2) {
     tft.drawCircle(x, y, radius, color);
   }
 } 
}

      该TFT显示屏的主要功能如下所示：

      tft.drawPixel(x,y,color); – 在指定位置(x,y)显示指定颜色(color)的点。

      tft.drawCircle(x, y, radius, color); – 在指定位置(x,y)用指定半径(radius)画一个圆。

      tft.fillRect(x1,y1, x2, y2, color); – 填充指定位置1(x1, y1)至指定位置2(x2, y2)之间的矩形。

      tft.drawString(x, y, text, color); – 在指定位置(x,y)用指定颜色(color)显示文本。

      tft.fillScreen(0x0000); – 用指定颜色填充整个显示屏。

      尽管还有其他功能，但是上述主要功能已经能够满足几乎所有我们的显示要求。

      将加速度计的数值绘制成图形

      接下来，让我们在TFT显示屏上显示加速度计的数值！基本上，就传感器评估套件而言，我们无需更改TFT显示屏这边的连线。只需将KX022-1020加速度计插入传感器开发板即可。

      poYBAGPzFZCARuR7AAMF7-dZ9z8105.jpg

      图3 加速度计和TFT显示屏

      显示加速度计数值的程序如下：

      #include 
#include 
#include 
#include 
// You can use any (4 or) 5 pins
#define sclk 4
#define mosi 5
#define cs 6
#define dc 7
#define rst 8  // you can also connect this to the Arduino reset
// Color definitions
#define BLACK       	0x0000
#define BLUE        	0x001F
#define RED         	0xF800
#define GREEN       	0x07E0
#define CYAN        	0x07FF
#define MAGENTA     	0xF81F
#define YELLOW      	0xFFE0 
#define WHITE       	0xFFFF
ST7735 tft = ST7735(cs, dc, mosi, sclk, rst); 
KX022 kx022(KX022_DEVICE_ADDRESS_1E);
int _cnt = 0;
//Graph initial position
int _xc = 120;
int _yc = 130;
int _zc = 140;
void fillpixelbypixel(uint16_t color) {
for (uint8_t x=0; x < tft.width; x++) {
for (uint8_t y=0; y < tft.height; y++) {
tft.drawPixel(x, y, color);
}
}
delay(100);
}
void setup(void) {
byte rc;
Serial.begin(9600);
while (!Serial);
Wire.begin();
tft.initR(); // initialize a ST7735R chip
rc = kx022.init();
tft.fillScreen(BLACK);
 
1.DEVICE PLUS
testdrawtext("DEVICE PLUS!!", WHITE,25,50);
delay(1000);
tft.fillScreen(BLACK);
}
void loop() {
//KX022
byte rc;
float acc[3];
//2.Acquire accelerometer values
rc = kx022.get_val(acc);
if (rc == 0) {
Serial.write("KX022 (X) = ");
Serial.print(acc[0]);
Serial.println(" [g]");
Serial.write("KX022 (Y) = ");
Serial.print(acc[1]);
Serial.println(" [g]");
Serial.write("KX022 (Z) = ");
Serial.print(acc[2]);
Serial.println(" [g]");
Serial.println();
//Convert float type to char type
char xVal[10];
dtostrf(acc[0], 5, 2, xVal);
char yVal[10];
dtostrf(acc[1], 5, 2, yVal);
char zVal[10];
dtostrf(acc[2], 5, 2, zVal);
//Convert to TFT liquid crystal
//tft.fillScreen(BLACK);
tft.fillRect(0,0, 120, 60, BLACK);
testdrawtext("X:", RED, 5, 15);
testdrawtext(xVal, WHITE, 30, 15);
testdrawtext("Y:", BLUE, 5, 30);
testdrawtext(yVal, WHITE, 30, 30);
testdrawtext("Z:", GREEN, 5, 45);
testdrawtext(zVal, WHITE, 30, 45);
//3.Draw a graph
int x = int(acc[0]*100)+120;
int y = int(acc[1]*100)+130;
int z = int(acc[2]*100)+40;
tft.drawLine(_cnt-1, _xc, _cnt, x, RED);
tft.drawLine(_cnt-1, _yc, _cnt, y, BLUE);
tft.drawLine(_cnt-1, _zc, _cnt, z, GREEN);
_cnt++;
//Reset to the end of the screen
if(_cnt > 120){
_cnt = 0;
tft.fillScreen(BLACK);
}
_xc = x;
_yc = y;
_zc = z;
 
delay(10);
}
delay(10);
}
void testlines(uint16_t color) {
  tft.fillScreen(BLACK);
  for (uint16_t x=0; x < tft.width; x+=6) {
    tft.drawLine(0, 0, x, tft.height-1, color);
  }
  for (uint16_t y=0; y < tft.height; y+=6) {
    tft.drawLine(0, 0, tft.width-1, y, color);
  }
   
  tft.fillScreen(BLACK);
  for (uint16_t x=0; x < tft.width; x+=6) {
    tft.drawLine(tft.width-1, 0, x, tft.height-1, color);
  }
  for (uint16_t y=0; y < tft.height; y+=6) {
    tft.drawLine(tft.width-1, 0, 0, y, color);
  }
   
  tft.fillScreen(BLACK);
  for (uint16_t x=0; x < tft.width; x+=6) {
    tft.drawLine(0, tft.height-1, x, 0, color);
  }
  for (uint16_t y=0; y < tft.height; y+=6) {
    tft.drawLine(0, tft.height-1, tft.width-1, y, color);
  }
  tft.fillScreen(BLACK);
  for (uint16_t x=0; x < tft.width; x+=6) {
    tft.drawLine(tft.width-1, tft.height-1, x, 0, color);
  }
  for (uint16_t y=0; y < tft.height; y+=6) {
    tft.drawLine(tft.width-1, tft.height-1, 0, y, color);
  }
}
void testdrawtext(char *text, uint16_t color,int x,int y) {
 tft.drawString(x, y, text, color);
}
void testfastlines(uint16_t color1, uint16_t color2) {
  tft.fillScreen(BLACK);
  for (uint16_t y=0; y < tft.height; y+=5) {
    tft.drawHorizontalLine(0, y, tft.width, color1);
  }
  for (uint16_t x=0; x < tft.width; x+=5) {
    tft.drawVerticalLine(x, 0, tft.height, color2);
  }
}
void testdrawrects(uint16_t color) {
tft.fillScreen(BLACK);
for (uint16_t x=0; x < tft.width; x+=6) { tft.drawRect(tft.width/2 -x/2, tft.height/2 -x/2 , x, x, color); } } void testfillrects(uint16_t color1, uint16_t color2) { tft.fillScreen(BLACK); for (uint16_t x=tft.width-1; x > 6; x-=6) {
  tft.fillRect(tft.width/2 -x/2, tft.height/2 -x/2 , x, x, color1);
  tft.drawRect(tft.width/2 -x/2, tft.height/2 -x/2 , x, x, color2);
}
}
void testfillcircles(uint8_t radius, uint16_t color) {
 for (uint8_t x=radius; x < tft.width; x+=radius*2) {
   for (uint8_t y=radius; y < tft.height; y+=radius*2) {
     tft.fillCircle(x, y, radius, color);
   }
 } 
}
void testdrawcircles(uint8_t radius, uint16_t color) {
 for (uint8_t x=0; x < tft.width+radius; x+=radius*2) {
   for (uint8_t y=0; y < tft.height+radius; y+=radius*2) {
     tft.drawCircle(x, y, radius, color);
   }
 } 
}

      运行上述程序后，显示屏会将加速度计的数值用图形显示出来。

      该程序流程摘要如下：

      启动时显示 “DEVICE PLUS !!” 字符

      获取加速度计的数值并将其转换为整数

      根据数值显示图形和文本

      每一帧我们给x轴加1，以便从左到右绘制图形。

      当画面到达120px显示屏的边缘时，程序会用drawrect清除图形。屏幕上方的数字以相同的方式通过drawrect进行每帧更新。

      至此，利用TFT液晶显示屏显示加速度计的数值并绘制相关图形的教程就结束了！我们还可以考虑开发更多的附带项目。比如，我们可以将此TFT显示屏与Arduino Pro Mini组合在一起，制作具有小型游戏功能的手表等；还可以利用传感器评估套件中的不同传感器来制作数据记录器。

      点击此处阅读本文的第1部分 >

      pYYBAGPbhjqAbi1JAAAGd6_rQT0867.png

      DevicePlus 编辑团队

      设备升级版适用于所有热爱电子和机电一体化的人。

      审核编辑黄宇

      声明：本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人，不代表电子发烧友网立场。文章及其配图仅供工程师学习之用，如有内容侵权或者其他违规问题，请联系本站处理。 举报投诉
      • 液晶面板
        液晶面板
        +关注

        关注

        10

        文章

        435

        浏览量

        39357
      • TFT
        TFT
        +关注

        关注

        10

        文章

        358

        浏览量

        109226
      • 加速度计
        加速度计
        +关注

        关注

        5

        文章

        627

        浏览量

        45143
      收藏 人收藏

        评论

        相关推荐

        USB微机电加速度计

        加速度传感器甚至可用来分析发动机的振动，测量牵引力产生的加速度；现在微信中的“摇一摇”功能，就利用了加速度计的功能，通过它来确定位置……加速度计按输入轴（敏感轴）数量分为：单轴加速度计、双轴加速度计和
        发表于 07-10 11:09

        请问两轴加速度计和三轴加速度计的使用区别是什么？

        轴的加速度计在测得X、Y轴上的加速度后，是不是就可以根据这两个值和重力加速度g算出Z轴方向的加速度，这样的话XYZ三个方向的角度也可以推导出来。不知道我这种理解的问题在哪里？如果实这样的话那么
        发表于 08-08 09:12

        加速度计的技术规格详解

        加速度计检测轴与封装参考轴的夹角（参加图2）。 "输入轴对齐"是此误差的另一种术语。 封装对齐误差的单位为"度"。 封装技术通常会将裸片
        发表于 10-18 10:47

        MEMS加速度计怎么选择？

        加速度计可能并不容易，因为来自不同制造商的数据手册可能大相径庭，让人难以确定最为重要的技术指标是什么。本系列的第一部分三大维度+关键指标，选出最适合你的MEMS加速度计 ，我们讨论了加速度计的关键参数和特性，以及它们与倾斜和稳定应用的关系。
        发表于 08-13 06:24

        2476-100加速度计

        三轴MEMS可变电容式加速度计坚固耐用，即插即用适用于各种苛刻要求的测量设备应用程序。两种型号的性能均优于在零至中频应用中使用的温度经历大的或快速的温度变化
        发表于 05-27 19:18

        2460-010加速度计

        三轴MEMS可变电容加速度计是坚固的即插即用测量设备，适用于各种苛刻的应用程序。两种型号在零到中等方面都出类拔萃频率商业和工业应用，特别是在可靠的情况下性能，极低
        发表于 05-28 14:41

        UG-242：三轴加速度计评估板

        三轴加速度计评估板
        发表于 03-19 13:26 •11次下载
        UG-242：<b>三</b><b>轴</b><b>加速度计</b>评估板

        EVAL-ADXL325Z：三轴加速度计评估板

        三轴加速度计评估板
        发表于 05-13 11:29 •10次下载
        EVAL-ADXL325Z：<b>三</b><b>轴</b><b>加速度计</b>评估板

        EVAL-ADXL335Z：三轴加速度计评估板

        三轴加速度计评估板
        发表于 05-14 16:26 •2次下载
        EVAL-ADXL335Z：<b>三</b><b>轴</b><b>加速度计</b>评估板

        UG-427：评估ADXL377三轴加速度计

        发表于 05-24 11:47 •3次下载
        UG-427：评估ADXL377<b>三</b><b>轴</b><b>加速度计</b>

        EVAL-ADXL327Z：三轴加速度计评估板

        三轴加速度计评估板
        发表于 05-24 12:31 •3次下载
        EVAL-ADXL327Z：<b>三</b><b>轴</b><b>加速度计</b>评估板

        ADXL212：精度±2 g双轴PWM输出加速度计

        2 g双轴PWM输出
        发表于 05-27 14:21 •5次下载
        ADXL212：精度±<b>2</b> g双<b>轴</b>PWM输出<b>加速度计</b>

        digilentPmodACL三轴加速度计介绍

        三轴数字加速度计模块，可为主板提供相应的输入。
        的头像 发表于 12-02 11:23 •1741次阅读
        digilentPmodACL<b>三</b><b>轴</b><b>加速度计</b>介绍

        三轴加速度计、陀螺仪和磁力计的应用原理

        三轴加速度计是一种惯性传感器，能够测量物体的比力，即去掉重力后的整体加速度或者单位质量上作用的非引力。当加速度计保持静止时，加速度计能够感知重力加速度，而整体加速度为零。在自由落体运动中，整体加速度就是重力加速度，但
        的头像 发表于 10-09 15:43 •3519次阅读

        TFT液晶面板与三3轴加速度计的配合使用–第1部分

        TFT液晶面板来测试KX022-1020加速度传感器。在下一篇文章中，我们将讨论如何控制TFT LCD显示屏。此外，我们还将深入探索Arduino Create的使用方法。
        的头像 发表于 02-23 17:53 •315次阅读
        <b>TFT</b><b>液晶面板</b>与<b>三</b>3<b>轴</b><b>加速度计</b>的<b>配合</b>使用–<b>第</b>1<b>部分</b>
        华秋（原“华强聚丰”）：
        电子发烧友
        华秋开发
        华秋电路(原"华强PCB")
        华秋商城(原"华强芯城")
        华秋智造
        My ElecFans
        APP
        网站地图
        设计技术
        可编程逻辑
        电源/新能源
        MEMS/传感技术
        测量仪表
        嵌入式技术
        制造/封装
        模拟技术
        RF/无线
        接口/总线/驱动
        处理器/DSP
        EDA/IC设计
        存储技术
        光电显示
        EMC/EMI设计
        连接器
        行业应用
        LEDs
        汽车电子
        音视频及家电
        通信网络
        医疗电子
        人工智能
        虚拟现实
        可穿戴设备
        机器人
        安全设备/系统
        军用/航空电子
        移动通信
        工业控制
        便携设备
        触控感测
        物联网
        智能电网
        区块链
        新科技
        特色内容
        专栏推荐
        学院
        设计资源
        设计技术
        电子百科
        电子视频
        元器件知识
        工具箱
        VIP会员
        最新技术文章
        社区
        小组
        论坛
        问答
        评测试用
        企业服务
        产品
        资料
        文章
        方案
        企业
        供应链服务
        硬件开发
        华秋电路
        华秋商城
        华秋智造
        nextPCB
        BOM配单
        媒体服务
        网站广告
        在线研讨会
        活动策划
        新闻发布
        新品发布
        小测验
        设计大赛
        华秋
        关于我们
        投资关系
        新闻动态
        加入我们
        联系我们
        举报投诉
        社交网络
        微博
        移动端
        发烧友APP
        硬声APP
        WAP
        联系我们
        广告合作
        王婉珠：wangwanzhu@elecfans.com
        内容合作
        黄晶晶：huangjingjing@elecfans.com
        内容合作（海外）
        张迎辉：mikezhang@elecfans.com
        供应链服务 PCB/IC/PCBA
        江良华：lanhu@huaqiu.com
        投资合作
        曾海银：zenghaiyin@huaqiu.com
        社区合作
        刘勇：liuyong@huaqiu.com
        华秋发烧友 华秋发烧友
        华秋电路 华秋电路
        华秋商城 华秋商城
        华秋智造 华秋智造
        NextPCB NextPCB

        版权所有 © 深圳华秋电子有限公司

        电子发烧友 （电路图） 粤公网安备 44030402000349 号 电信与信息服务业务经营许可证：粤 B2-20160233 工商网监认证工商网监 湘ICP备 2023018690 号