物联网之LoRa开发与应用三(Lora人机界面开发)

2024-02-20 23:20

本文主要是介绍物联网之LoRa开发与应用三(Lora人机界面开发),希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

文章要点:

1、TFT液晶屏工作原理

2、TFT液晶屏驱动开发

3、TFT人机界面开发

TFT液晶屏工作原理

内容概要

1、TFT液晶屏显示原理

2、1.44寸TFT液晶屏工作原理

3、1.44寸TFT液晶屏硬件设计

TFT液晶屏如何显示

颜色深度

Color 介绍 :

    ① R,G,B三基色组合形成各种颜色。

    ②能显示的颜色数由RGB的数字信号的位数来决定。(8bit 数字信号刚好能显示16.7M种颜色)

以3bit为例数字信号为例:

 For 3 bit : 23(R) * 23(G) * 23(B) = 256 colors

For 6 bit : 26(R) * 26(G) * 26(B) = 262144 colors(242K)

For8  bit: 28(R) * 28(G) * 28(B) =16777216 colors(16.7M)

For10  bit: 210(R) * 210(G) * 210(B) =1073741824 colors(1 billion)

1.44寸TFT模块

TFT驱动控制器

1.44寸模块电路详解

TFT液晶屏驱动开发(驱动芯片资料下载链接:https://pan.baidu.com/s/1-tOqlGj_qsniN4xrjIp_aA 密码:1och)

内容概要

1、TFT液晶屏硬件接口驱动开发

2、TFT液晶屏取模方式

3、TFT液晶屏显示字符串

硬件接口初始化

根据硬件设计,LoRa与LCD共用SPI总线,且LCD_MISO用于命令/数据模式切换控制。

需要修改gpio初始化源码,让片选接口拉高。

写指令

写数据

初始化

设置显示区域

设置行列起始地址,在此区域内写点数据自动换行

画点和清屏

RGB565颜色对照表:(详细对照表可以百度搜索)

驱动源码移植:(源码下载链接:https://pan.baidu.com/s/1MLheOr6d3KDLRROalrPugg 密码:zdjg)

将源码中的三个文件按照如下位置放入相应的工程文件目录下:

打开工程文件,将lcd.c添加到工程中:

清除警告:

LoRa模块和LCD显示屏都是接到同一个SPI引脚,初始化时片选(NSS)引脚要修改为不使能(高电平):

上电后液晶屏显示黄色屏幕

在main.c函数中添加如下代码:

1、添加头文件

#include "lcd.h"

2、添加初始化函数和清屏函数

 Lcd_Init();//LCD初始化函数Lcd_Clear(YELLOW);//全屏清屏函数,参数是清屏时填充的颜色(16位表示)

取模方式

取模工具:(工具加载链接:https://pan.baidu.com/s/1jwRDjs69i0K9j6ctEFQvtg 密码:yedy)

文字取模软件(该工具在本项目中使用不到,可自行了解)

工程中新建一个.h文件,将生成的子模数据复制到该文件中,将数据修改成如下数组,并在lcd.c中添加显示文字的代码:

图片取模软件

将生成的.h文件复制到工程的相关目录中,并在lcd.c中添加显示图片的代码:

/*************************************************
函数名:showimage
功能:显示一副图片
入口参数:图片缓存
返回值:无
*************************************************/
//因为一副128*128的图片需要32768个8位数组成(数组元素有32768个),很显然数组太大,不能放到内存中,只能放在静态存储区,所以参数使用 const 修饰 
void showimage(const unsigned char *p)             
{	unsigned int i;uint16_t HData,LData;Lcd_SetRegion(0,0,X_MAX_PIXEL-1,Y_MAX_PIXEL-1);Lcd_WriteIndex(0x2C);for(i = 0;i < 128*128;i++)//因为我们已经设置显示屏显示范围为128*128,所以写满一行会自动换行,不需单独写代码{LData = *(p+i*2);HData = *(p+i*2+1);LCD_WriteData_16Bit(HData<<8|LData);}       
}

将该函数申明添加到lcd.h中:

 

 main.c函数中调用该函数,将图片显示到LCD

showimage_all(0,0,32768, gImage_world);//或者:showimage(gImage_world);

LCD显示字符串

//lcd.c/*************************************************
函数名:Gui_DrawFont_GBK16
功能:显示一个字符串
入口参数:列地址、行地址、字体颜色、背景颜色、要写入的字符串
返回值:无
*************************************************/
void Gui_DrawFont_GBK16(uint16_t x0, uint16_t y0, uint16_t fc, uint16_t bc, uint8_t *s)
{ int i,j,k,x,y,xx;unsigned char qm;long int ulOffset;char  ywbuf[32];// char   temp[2];for(i = 0; i<strlen((char*)s);i++){if(((unsigned char)(*(s+i))) >= 161){
//      temp[0] = *(s+i);
//      temp[1] = '\0';return;}else{qm = *(s+i);ulOffset = (long int)(qm) * 16;for (j = 0; j < 16; j ++){ywbuf[j]=Zk_ASCII8X16[ulOffset+j];}for(y = 0;y < 16;y++){for(x=0;x<8;x++) {k=x % 8;if(ywbuf[y]&(0x80 >> k)){xx=x0+x+i*8;     Gui_DrawPoint(xx,y+y0,fc);}else{xx=x0+x+i*8;     Gui_DrawPoint(xx,y+y0,bc);}  }}}}  
}

TFT液晶屏人机界面开发

开机界面设计

略:讲图片取模软件时已经做过。。。

菜单界面设计

lcd中添加如下函数:(注:必须将函数声明添加到lcd.h中

void show_ssid(uint8_t *s)//将SSID数据显示到屏幕上
{Gui_DrawFont_GBK16(60, 50, BLACK, YELLOW,"      ");Gui_DrawFont_GBK16(60, 50, BLACK, YELLOW, s);
}void show_rx(uint8_t *s)//将RX数据显示到屏幕上
{Gui_DrawFont_GBK16(60, 77, BLACK, YELLOW,"      ");Gui_DrawFont_GBK16(60, 77, BLACK, YELLOW, s);
}void show_tx(uint8_t *s)//将TX数据显示到屏幕上
{Gui_DrawFont_GBK16(60, 104, BLACK, YELLOW,"      ");Gui_DrawFont_GBK16(60, 104, BLACK, YELLOW, s);
}

main.c中添加如下代码:

  Lcd_Clear_xy(0,0,GREEN);Lcd_Clear_xy(0,45,YELLOW);Gui_DrawFont_GBK16(12, 10, RED, GREEN, "LoRa Topology");Gui_DrawFont_GBK16(40, 26, RED, GREEN, "Master");Gui_DrawFont_GBK16(12, 50, BLACK, YELLOW, "SSID:");Gui_DrawFont_GBK16(12, 77, BLACK, YELLOW, "RX:");Gui_DrawFont_GBK16(12, 104, BLACK, YELLOW, "TX:");show_ssid("ERROR");show_rx("ERROR");show_tx("ERROR");Lcd_WriteIndex(0x29);//Display on  打开LCD屏幕显示

实验结果:

lcd.c文件完整代码及分析如下:

#include "gpio.h"
#include "stdint.h"
#include "lcd.h"
#include "font_lcd.h"
#include "string.h"
#include "spi.h"void Delay_ms(int time)
{int i,j;for(i=0;i<time*10;i++){for(j=0;j<100;j++){}}
}void LCD_GPIO_Init(void)
{GPIO_InitTypeDef GPIO_InitStruct;/* GPIO Ports Clock Enable */__HAL_RCC_GPIOB_CLK_ENABLE();/*Configure GPIO pin Output Level */
//  HAL_GPIO_WritePin(GPIOB, GPIO_PIN_4, GPIO_PIN_RESET);/*Configure GPIO pins : PB4 */GPIO_InitStruct.Pin = GPIO_PIN_4;//根据原理图可知该引脚为spi的SIMO引脚GPIO_InitStruct.Mode = GPIO_MODE_OUTPUT_PP;//将PB4重新设置为推挽输出模式,之前是SPI模式,现重新设置是为了切换数据和命令模式(使用LCD时)GPIO_InitStruct.Pull = GPIO_PULLUP;GPIO_InitStruct.Speed = GPIO_SPEED_FREQ_HIGH;HAL_GPIO_Init(GPIOB, &GPIO_InitStruct);
}//向液晶屏写一个8位指令
void Lcd_WriteIndex(uint8_t Index)
{//SPI 写命令时序开始               //NSS = 0;LCD_CS_CLR;       //将PA15拉低,使能LCD显示屏LCD_RS_CLR;           //LCD_RS_CLR   将PB4拉低,将LCD设置为写命令模式HAL_SPI_Transmit(&hspi1,&Index,1,0xfff);//NSS = 1;LCD_CS_SET;   //将PA15拉高,关闭LCD显示屏的SPI
}
//向液晶屏写一个8位数据
void Lcd_WriteData(uint8_t Data)
{LCD_CS_CLR;   //将PA15拉低,使能LCD显示屏LCD_RS_SET;    //LCD_RS_CLR   将PB4拉高,将LCD设置为写数据模式HAL_SPI_Transmit(&hspi1,&Data,1,0xfff);LCD_CS_SET;   //将PA15拉高,关闭LCD显示屏的SPI
}void LCD_WriteData_16Bit(uint16_t Data)
{uint8_t Data_H = Data>>8;uint8_t Data_L = Data&0xFF;LCD_CS_CLR;LCD_RS_SET;HAL_SPI_Transmit(&hspi1,&Data_H,1,0xfff); 	//写入高8位数据HAL_SPI_Transmit(&hspi1,&Data_L,1,0xfff); 	//写入低8位数据	LCD_CS_SET;
}//LCD Init For 1.44Inch LCD Panel with ST7735R.
void Lcd_Init(void) //LCD初始化函数
{	LCD_GPIO_Init();//spi的SIMO的初始化HAL_GPIO_WritePin(GPIOB, GPIO_PIN_6, GPIO_PIN_SET);//根据原理图可知:PB6引脚为LCD背光设置引脚,这里设置为使能背光Lcd_WriteIndex(0x01);//Sleep  写命令:软复位HAL_Delay(120);//写命令之后需要延时120ms才能写下一个命令Lcd_WriteIndex(0x11);//Sleep exit 退出休眠模式HAL_Delay(120);Lcd_WriteIndex(0x36); //打开0x36寄存器,该寄存器可设置:MX(列扫描), MY(行扫描), RGB mode等Lcd_WriteData(0xC8); //写数据,设置0x36寄存器的值Lcd_WriteIndex(0x3A); //65k mode 颜色深度寄存器Lcd_WriteData(0x05); //设置显示颜色的数据位为16位//Lcd_WriteIndex(0x29);//Display on  打开LCD屏幕显示	
}/*************************************************
函数名:LCD_Set_Region
功能:设置lcd显示区域,在此区域写点数据自动换行
入口参数:xy起点和终点
返回值:无
*************************************************/
void Lcd_SetRegion(uint16_t x_start,uint16_t y_start,uint16_t x_end,uint16_t y_end)
{		Lcd_WriteIndex(0x2a);Lcd_WriteData(0x00);Lcd_WriteData(x_start+2);Lcd_WriteData(0x00);Lcd_WriteData(x_end+2);Lcd_WriteIndex(0x2b);Lcd_WriteData(0x00);Lcd_WriteData(y_start+3);Lcd_WriteData(0x00);Lcd_WriteData(y_end+3);Lcd_WriteIndex(0x2c);}
/*************************************************
函数名:Lcd_Clear
功能:全屏清屏函数
入口参数:填充颜色COLOR
返回值:无
*************************************************/
void Lcd_Clear(uint16_t Color)               
{	unsigned int i,m;Lcd_SetRegion(0,0,X_MAX_PIXEL-1,Y_MAX_PIXEL-1);Lcd_WriteIndex(0x2C);for(i=0;i<X_MAX_PIXEL;i++)for(m=0;m<Y_MAX_PIXEL;m++){	LCD_WriteData_16Bit(Color);}   
}/****************************************************/
void Lcd_Clear_xy(uint16_t x,uint16_t y,uint16_t Color)               
{	unsigned int i,m;Lcd_SetRegion(x,y,X_MAX_PIXEL-1,Y_MAX_PIXEL-1);Lcd_WriteIndex(0x2C);for(i=x;i<X_MAX_PIXEL;i++)for(m=y;m<Y_MAX_PIXEL;m++){	LCD_WriteData_16Bit(Color);}   
}/*************************************************
函数名:showimage
功能:显示一副图片
入口参数:图片缓存
返回值:无
*************************************************/
//因为一副128*128的图片需要32768个8位数组成(数组元素有32768个),很显然数组太大,不能放到内存中,只能放在静态存储区,所以参数使用 const 修饰 
void showimage(const unsigned char *p)             
{	unsigned int i;uint16_t HData,LData;Lcd_SetRegion(0,0,X_MAX_PIXEL-1,Y_MAX_PIXEL-1);Lcd_WriteIndex(0x2C);for(i = 0;i < 128*128;i++)//因为我们已经设置显示屏显示范围为128*128,所以写满一行会自动换行,不需单独写代码{LData = *(p+i*2);HData = *(p+i*2+1);LCD_WriteData_16Bit(HData<<8|LData);}       
}/*************************************************
函数名:showimage
功能:任何位置显示任何图片(必须在显示屏显示的范围之内)
入口参数:列的起始地址、行的起始地址、数组的大小、图片缓存
返回值:无
*************************************************/
void showimage_all(uint16_t x,uint16_t y,uint16_t size, const unsigned char *p)             
{	unsigned int i;uint16_t HData,LData;Lcd_SetRegion(x,y,X_MAX_PIXEL-1,Y_MAX_PIXEL-1);Lcd_WriteIndex(0x2C);for(i = 0;i < size/2;i++)//因为我们已经设置显示屏显示范围为128*128,所以写满一行会自动换行,不需单独写代码{LData = *(p+i*2);HData = *(p+i*2+1);LCD_WriteData_16Bit(HData<<8|LData);}       
}/*************************************************
函数名:LCD_DrawPoint
功能:画一个点
入口参数:无
返回值:无
*************************************************/
void Gui_DrawPoint(uint16_t x,uint16_t y,uint16_t Data)
{Lcd_SetRegion(x,y,x+1,y+1);LCD_WriteData_16Bit(Data);}    /*************************************************
函数名:Gui_DrawFont_GBK16
功能:显示一个字符串
入口参数:列地址、行地址、字体颜色、背景颜色、要写入的字符串
返回值:无
*************************************************/
void Gui_DrawFont_GBK16(uint16_t x0, uint16_t y0, uint16_t fc, uint16_t bc, uint8_t *s)
{ int i,j,k,x,y,xx;unsigned char qm;long int ulOffset;char  ywbuf[32];// char   temp[2];for(i = 0; i<strlen((char*)s);i++){if(((unsigned char)(*(s+i))) >= 161){
//      temp[0] = *(s+i);
//      temp[1] = '\0';return;}else{qm = *(s+i);ulOffset = (long int)(qm) * 16;for (j = 0; j < 16; j ++){ywbuf[j]=Zk_ASCII8X16[ulOffset+j];}for(y = 0;y < 16;y++){for(x=0;x<8;x++) {k=x % 8;if(ywbuf[y]&(0x80 >> k)){xx=x0+x+i*8;     Gui_DrawPoint(xx,y+y0,fc);}else{xx=x0+x+i*8;     Gui_DrawPoint(xx,y+y0,bc);}  }}}}  
}void show_ssid(uint8_t *s)//将SSID数据显示到屏幕上
{Gui_DrawFont_GBK16(60, 50, BLACK, YELLOW,"      ");Gui_DrawFont_GBK16(60, 50, BLACK, YELLOW, s);
}void show_rx(uint8_t *s)//将RX数据显示到屏幕上
{Gui_DrawFont_GBK16(60, 77, BLACK, YELLOW,"      ");Gui_DrawFont_GBK16(60, 77, BLACK, YELLOW, s);
}void show_tx(uint8_t *s)//将TX数据显示到屏幕上
{Gui_DrawFont_GBK16(60, 104, BLACK, YELLOW,"      ");Gui_DrawFont_GBK16(60, 104, BLACK, YELLOW, s);
}

 

这篇关于物联网之LoRa开发与应用三(Lora人机界面开发)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/729854

相关文章

在Ubuntu上部署SpringBoot应用的操作步骤

《在Ubuntu上部署SpringBoot应用的操作步骤》随着云计算和容器化技术的普及,Linux服务器已成为部署Web应用程序的主流平台之一,Java作为一种跨平台的编程语言,具有广泛的应用场景,本... 目录一、部署准备二、安装 Java 环境1. 安装 JDK2. 验证 Java 安装三、安装 mys

Python中构建终端应用界面利器Blessed模块的使用

《Python中构建终端应用界面利器Blessed模块的使用》Blessed库作为一个轻量级且功能强大的解决方案,开始在开发者中赢得口碑,今天,我们就一起来探索一下它是如何让终端UI开发变得轻松而高... 目录一、安装与配置:简单、快速、无障碍二、基本功能:从彩色文本到动态交互1. 显示基本内容2. 创建链

基于Qt开发一个简单的OFD阅读器

《基于Qt开发一个简单的OFD阅读器》这篇文章主要为大家详细介绍了如何使用Qt框架开发一个功能强大且性能优异的OFD阅读器,文中的示例代码讲解详细,有需要的小伙伴可以参考一下... 目录摘要引言一、OFD文件格式解析二、文档结构解析三、页面渲染四、用户交互五、性能优化六、示例代码七、未来发展方向八、结论摘要

Node.js 中 http 模块的深度剖析与实战应用小结

《Node.js中http模块的深度剖析与实战应用小结》本文详细介绍了Node.js中的http模块,从创建HTTP服务器、处理请求与响应,到获取请求参数,每个环节都通过代码示例进行解析,旨在帮... 目录Node.js 中 http 模块的深度剖析与实战应用一、引言二、创建 HTTP 服务器:基石搭建(一

java中VO PO DTO POJO BO DO对象的应用场景及使用方式

《java中VOPODTOPOJOBODO对象的应用场景及使用方式》文章介绍了Java开发中常用的几种对象类型及其应用场景,包括VO、PO、DTO、POJO、BO和DO等,并通过示例说明了它... 目录Java中VO PO DTO POJO BO DO对象的应用VO (View Object) - 视图对象

在 VSCode 中配置 C++ 开发环境的详细教程

《在VSCode中配置C++开发环境的详细教程》本文详细介绍了如何在VisualStudioCode(VSCode)中配置C++开发环境,包括安装必要的工具、配置编译器、设置调试环境等步骤,通... 目录如何在 VSCode 中配置 C++ 开发环境:详细教程1. 什么是 VSCode?2. 安装 VSCo

Go信号处理如何优雅地关闭你的应用

《Go信号处理如何优雅地关闭你的应用》Go中的优雅关闭机制使得在应用程序接收到终止信号时,能够进行平滑的资源清理,通过使用context来管理goroutine的生命周期,结合signal... 目录1. 什么是信号处理?2. 如何优雅地关闭 Go 应用?3. 代码实现3.1 基本的信号捕获和优雅关闭3.2

正则表达式高级应用与性能优化记录

《正则表达式高级应用与性能优化记录》本文介绍了正则表达式的高级应用和性能优化技巧,包括文本拆分、合并、XML/HTML解析、数据分析、以及性能优化方法,通过这些技巧,可以更高效地利用正则表达式进行复杂... 目录第6章:正则表达式的高级应用6.1 模式匹配与文本处理6.1.1 文本拆分6.1.2 文本合并6

python中的与时间相关的模块应用场景分析

《python中的与时间相关的模块应用场景分析》本文介绍了Python中与时间相关的几个重要模块:`time`、`datetime`、`calendar`、`timeit`、`pytz`和`dateu... 目录1. time 模块2. datetime 模块3. calendar 模块4. timeit

C#图表开发之Chart详解

《C#图表开发之Chart详解》C#中的Chart控件用于开发图表功能,具有Series和ChartArea两个重要属性,Series属性是SeriesCollection类型,包含多个Series对... 目录OverviChina编程ewSeries类总结OverviewC#中,开发图表功能的控件是Char