【联盛德 W803-Pico 试用】TFT 图片显示

本文介绍了联盛德 WM-IoT-SDK 2.X 工程结合 W803-Pico 板实现 TFT 屏幕驱动的项目设计，包括原理介绍、代码解析、效果展示等。

介绍

TFT 彩色液晶屏在日常生活和工作中十分常见且应用广泛，如便携式显示、车载显示、计算机显示（笔记本电脑、监视器）、家电和办公室显示（电视、互联网络终端）、手机、游戏机、医疗设备等。

因此了解和学习使用 TFT 显示屏一直是嵌入式开发中的热点话题，同时驱动 TFT 屏也是考验 MCU 综合性能的极佳指标和参照。

1.8 寸 TFT 彩屏模块

原理图

管脚定义

参数规格

• 型号：M_TFT_LCD_128X240_8P
• 输入电压：2.8V 至 3.3V
• 供电电流：>20mA
• 显示类型：1.8 inch TFT
• 显示色彩：262K
• 分辨率：128 x RGB x 240
• 视角：12 O'CLOCK
• 驱动 IC： ST7735S
• 接口类型：SPI
• 背光模式：并联 LED
• 背光驱动方式：PWM
• 结构类型：COG+DIP
• 显示区尺寸：35x28mm
• 外形尺寸：55 x 34.7 x 12 mm
• 工作温度：-20°C ~ 70°C
  

参考：TFT .

硬件连接

参考：TFT_LCD_DMA — WinnerMicro 在线文档

实物连线

工程测试

介绍了 WM-IoT-SDK 2.X 实现 TFT 屏驱动显示的主要流程。

SDK 框图

这里我们使用 W803-Pico 开发板驱动 TFT 显示屏，因此 SoC 选择 W803，组件 - 外设驱动 - TFT LCD - st7735_spi ；

在相应的文件路径下打开例程 wm_iot_sdk/examples/peripheral/tft_lcd/tft_lcd_dma ，右键 menuconfig 配置 SoC （W803）和 LCD Device （st7735_spi）；

右键 build 构建工程，点击 flash 并选择开发板串口对应的端口号，实现固件上传。

代码

#include <stdio.h>

#include "wmsdk_config.h"

#include "freertos/FreeRTOS.h"

#include "freertos/task.h"

#include "freertos/semphr.h"

​

#include "wm_drv_tft_lcd.h"

#include "wm_drv_sdh_spi.h"

#include "picture.h"

#include "wm_utils.h"

​

#define LOG_TAG "lcd_example"

#include "wm_log.h"

​

staticvoidwm_lcd_demo(void*arg)

{

intret=WM_ERR_FAILED;

intid=0;

​

wm_device_t*dev=NULL;

image_attr_timg= { 0 };

uint8_t*app_buf=NULL;

uint32_tblock_size=0;

uint16_twidth=0, high=0;

wm_lcd_capabilitys_tcap= { 0 };

​

lcd_demo_sem=xSemaphoreCreateCounting(1, 1);

​

/*TODO: add more initial methods for other interfaces(like RGB/MIPI...) in future on new chip*/

/*use sdio(spi mode) for lcd demo as it's support high speed */

dev=wm_drv_sdh_spi_init(LCD_SPI_CONTROLLER_DEVICE_NAME);

if (dev==NULL) {

wm_log_error("init sdspi fail.");

    }

​

/* initial the lcd device, and use the same device name which defined in device table*/

dev=wm_drv_tft_lcd_init(LCD_DEVICE_NAME);

if (dev==NULL) {

wm_log_info("init lcd fail.");

    }

​

/* turn on the backlight*/

ret=wm_drv_tft_lcd_set_backlight(dev, true);

if (ret!=WM_ERR_SUCCESS) {

wm_log_info("lcd bl set fail.");

    }

​

/* show LCD capability */

wm_drv_tft_lcd_get_capability(dev, &cap);

wm_log_info("LCD x_resolution = %d", cap.x_resolution);

wm_log_info("LCD y_resolution = %d", cap.y_resolution);

wm_log_info("LCD rotation = %d\n", cap.rotation);

​

//NOTE: when color mode change , the byte width could be adjusted too.

/* malloc an application buffer to refresh the screen*/

width=cap.x_resolution;

high=cap.y_resolution;

​

block_size= (LCD_DATA_DRAW_LINE_UNIT*width*WM_CFG_TFT_LCD_PIXEL_WIDTH);

wm_log_info("DEMO:block_size=%d", block_size);

​

app_buf=malloc(block_size);

if (app_buf==NULL) {

wm_log_error("mem err\n");

    }

​

/* set image and the image width, height depend on selected LCD device */

#if CONFIG_COMPONENT_DRIVER_LCD_NV3041A_SPI

img.image_buf=image_bluesky_480x272;

img.image_width=480;

img.image_high=272;

#else

img.image_buf=gImage_pic_winner_micro_logo_93x93;

img.image_width=93;

img.image_high=93;

#endif

​

if (img.image_width>width||img.image_high>high) {

wm_log_error("image unmatch");

    }

​

/* Registers a callback function that gets triggered after the transmission of a bitmap is complete */

ret=wm_drv_tft_lcd_register_tx_callback(dev, lcd_demo_tx_cb, NULL);

if (ret!=WM_ERR_SUCCESS) {

wm_log_info("register tx callback error(%d)", ret);

    }

​

while (1) {

/* demo scenario 1 - show blue screen by dma*/

wm_log_info("wm_lcd_demo show blue background");

​

ret=lcd_demo_clean_screen_with_dma(dev, app_buf, block_size, LCD_RGB565_BLUE);

if (ret!=WM_ERR_SUCCESS) {

wm_log_info("wm_lcd_demo_show_image ret=%d", ret);

        }

vTaskDelay(pdMS_TO_TICKS(2000));

​

/* demo scenario 2 - rotation the image once lcd_demo_show_image() be invoked*/

if (id++%2) {

ret=wm_drv_tft_lcd_set_rotation(dev, LCD_ROTATION_NONE);

        } else {

ret=wm_drv_tft_lcd_set_rotation(dev, LCD_ROTATION_180_DEGREE);

        }

​

/* demo scenario 3 - show image by dma*/

wm_log_info("wm_lcd_demo show image(w=%d, h=%d)", img.image_width, img.image_high);

​

ret=lcd_demo_show_image_with_dma(dev, app_buf, block_size, img);

if (ret!=WM_ERR_SUCCESS) {

wm_log_info("wm_lcd_demo_show_image ret=%d", ret);

        }

vTaskDelay(pdMS_TO_TICKS(2000));

    }

​

free(app_buf);

​

vSemaphoreDelete((QueueHandle_t)lcd_demo_sem);

​

vTaskDelete(NULL);

}

​

intmain(void)

{

xTaskCreate(wm_lcd_demo, "wm_lcd_demo_task", WM_LCD_TFT_DEMO_TASK_STACK, NULL, WM_LCD_TFT_DEMO_TASK_PRIO, NULL);

​

return0;

}
复制代码

效果

动态

自定义图片

这里介绍修改工程，添加并实现自定义图片的 TFT 显示。

图片制作

这里使用 PowerPoint 绘制图文，另存为 BMP 格式图片；

取模

打开 Image2LCD 软件，导入目标图片，配置相关参数（注意勾选 高位在前 选项），输出 .h 格式文件；

调试

将取模文件存放至主函数同一文件夹，在 picture.h 中增加取模文件 #include "pic_wm.h"

修改 void wm_lcd_demo 函数中关于图片数组的调用信息

img.image_buf=gImage_wm; // target picture array name

img.image_width=93;

img.image_high=93;
复制代码

保存文件，编译工程，上传固件。

效果

动态

总结

本文介绍了联盛德 WM-IoT-SDK 2.X 工程 Demo 结合 W803-Pico 板实现 TFT 屏幕驱动的项目设计，包括原理介绍、硬件连接、工程测试、代码调试、自定义效果展示等，采用 DMA 硬件 SPI 驱动显示屏，刷新速度快、延迟低、显示质量佳，为相关驱动开发和显示屏的应用提供了参考。