基于串口显示液晶屏的Demo，演示从手机上发送文字信息，文字在屏上显示出来，另外增加了在液晶屏上显示温湿度的应用（注意温湿度的应用在教程中已经提供，这里不再进行讲述，只讲述与显示相关的部分）。
要做到手机输入一段文字，发送即可显示到屏上。比如手机输入如图：
显示屏上即显示：
首先，作为一个Tisan开发者，当然要使用Tisan的WebIDE了，这是进行框架开发的必备条件，WebIDE的其他用处暂不多说哈。
WebIDE的官网：http://tisan.pandocloud.com/
tisan-doc: tisan-doc
相关的视频教程： http://i.youku.com/u/UMTIwNTA2MTM2MA==
Tisan论坛链接：http://bbs.elecfans.com/zhuti_820_1.html
- Tisan开发板；
- 能上网的wifi路由；
- 能上wifi的手机（^^)，支持安卓和iOS；
- PC。
- Usart-GPU串口显示液晶屏。该屏可在淘宝上购得。其公司网址：http://stm32.sinaapp.com/ ，编程手册下载, 最新的使用文档可以在其公司网址上下载。
- 在PC上下载固件开发的IDE，可到资源中心下载：http://pan.baidu.com/s/1c0r0ba4, 具体的开发环境介绍可参考tisan开发环境介绍
- 安装freeiot，下载链接和使用说明请参考快速体验
- 如果想用微信控制，可先关注微信公众号：freeiot。
- 准备固件烧录工具，也在资源中心下载。
- 到开源项目管理网站github下载tisan-demo的源代码：https://github.com/tisan-kit/tisan-demo/archive/master.zip。
- 显示屏的电源口连接Tisan板的5V电源；
- 将显示屏的RX口连接Tisan板的IO2，即esp8266的串口1的tx，进行串口通信。
如图：
修改Label
添加完后，保存，不保存无效。
在固件开发的IDE上导入下载的 tisan-demo 的源代码，如图：
复制WebIDE上创建的（USART-GPU-TFT）产品key到 device_config.h 文件中。
将创建的产品对象（usart_gpu）的代码复制到 app/user/objects 目录下（需要创建相应的文件，两个文件，usart_gpu.c 和 usart_gpu.h），如图：
为了支持object的功能，需要进行相应的外设驱动开发。本应用涉及到串口应用（串口1），会调用串口1的发送功能。 新的外设驱动开发的可以参考其他现有外设驱动代码，具体是实现object里面的get和set方法，负责将控制指令在外设上实现。
步骤1 添加两个文件 peri_usart_gpu.c 和 peri_usart_gpu.h， 如图：
步骤2 在外设文件上添加代码
具体做法如下：
- 本外设用到了串口通信，引用驱动文件
#include "driver/uart.h"； - 温湿度显示，引用相应的外设驱动文件
#include "peri_dht1122.h"; - 本地温湿度显示需要定时更新，所以在这里创建了一个显示定时器
show_temp_timer; - 本地显示内容
static char *show_message_str;,show_message_str指示接收到的内容； - 本地显示函数
set_usart_gpu_content()，显示接收的内容和温湿度; - 实现
peri_usart_gpu_set函数，该函数接收到用户发的数据，将该数据复制给show_message_str, 并调用显示函数set_usart_gpu_content()。
peri_usart_gpu.c 最终代码如下:
#include "peri_usart_gpu.h"
#include "user_interface.h"
#include "eagle_soc.h"
#include "driver/key.h"
#include "os_type.h"
#include "mem.h"
#include "driver/uart.h"
#include "peri_dht1122.h"
static os_timer_t show_temp_timer;
static char *show_message_str;
void set_usart_gpu_content(void);
uint8* ICACHE_FLASH_ATTR
peri_usart_gpu_get()
{
uint8* dat;
return dat;
}
void ICACHE_FLASH_ATTR
peri_usart_gpu_set(char* dat)
{
int length = 0;
uint16 i= 0;
if(dat == NULL)
return;
length = os_strlen(dat);
if(show_message_str != NULL)
{
os_free(show_message_str);
show_message_str = NULL;
}
show_message_str = (char *)os_malloc(length+1);
os_memcpy(show_message_str, dat, length);
show_message_str[length] = '\0';
//display content
set_usart_gpu_content();
}
void ICACHE_FLASH_ATTR
set_usart_gpu_content(void)
{
int len,i, j,k;
char tempbuf[6];
char humbuf[6];
os_memset(tempbuf,'\0',6);
os_memset(humbuf,'\0',6);
DHT_Sensor_Data output;
peri_dht_read(&output);
os_sprintf(tempbuf,"%d",(int)(output.temperature));
os_sprintf(humbuf,"%d", (int)(output.humidity));
j = (int)(output.temperature * 100);
j %= 100;
if(j > 0)
{
k = os_strlen(tempbuf);
tempbuf[k] = '.';
os_sprintf(&tempbuf[k+1],"%d", j);
}
j = (int)(output.humidity * 100);
j %= 100;
if(j > 0)
{
k = os_strlen(humbuf);
humbuf[k] = '.';
os_sprintf(&humbuf[k+1],"%d", j);
}
uart1_sendStr_no_wait("CLS(0);");
if(show_message_str != NULL)
{ //display content
len = os_strlen(show_message_str);
uart1_sendStr_no_wait("BS16(20,20,286,4,'");
for(i=0; i<len; i++)
{
uart_tx_one_char_no_wait(UART1, show_message_str[i]);
}
uart1_sendStr_no_wait("',15);");
PRINTF("\nRec dat len:%d,dat:%s\n", len, show_message_str);
}
uart1_sendStr_no_wait("PL(0,140,300,140,3);"); //display line
//temperature DS32(10,150,'温度：21.1℃',2);
uart1_sendStr_no_wait("DS32(10,150,'温度：");
uart1_sendStr_no_wait(tempbuf);
uart1_sendStr_no_wait("℃',2);");
//humiture DS32(10,185,'湿度：33%',3);
uart1_sendStr_no_wait("DS32(10,190,'湿度：");
uart1_sendStr_no_wait(humbuf);
uart1_sendStr_no_wait("%',4);\r\n");
PRINTF("\nstr Temp:%s, hum:%s\n", tempbuf, humbuf);
}
void ICACHE_FLASH_ATTR
peri_usart_gpu_init(void)
{
uart1_sendStr_no_wait("CLS(0);");
uart1_sendStr_no_wait("CLS(0);\r\n"); //init
uart1_sendStr_no_wait("BS16(20,35,280,4,'Hello, tisan is waiting for you!',15);");
uart1_sendStr_no_wait("\r\n");
os_timer_disarm(&show_temp_timer);
os_timer_setfn(&show_temp_timer, (os_timer_func_t *)set_usart_gpu_content, NULL);
os_timer_arm(&show_temp_timer, 15000, 1); //call set_usart_gpu_content 15sec each
}
peri_usart_gpu.h 文件添加代码如下：
#include "c_types.h"
void peri_usart_gpu_init(void);
uint8* peri_usart_gpu_get();
void peri_usart_gpu_set(char* dat);在object中引用相应的外设.h文件，补充组件的初始化函数、get和set函数，这里主要是用了set函数：
void ICACHE_FLASH_ATTR
usart_gpu_init() {
// TODO: add your object init code here.
peri_usart_gpu_init();
}
void ICACHE_FLASH_ATTR
usart_gpu_set(struct usart_gpu* value) {
// TODO: implement object set function here.
// the set function read value and operate the hardware.
peri_usart_gpu_set(value->Content);
}添加温湿度对象的代码，这里不再详细讲述，注意object 编号一定要跟WebIDE上的一致。
在 user_main.c 文件里引用新对象头文件：
#include "objects/usart_gpu.h" 并在入口函数 user_init(void) 里面添加初始化对象函数： usart_gpu_boject_init() ：
void user_init(void)
{
uart_init(115200, 115200); // serial bound rate:11520.
//long press gpio4, enter into wifi config mode.
peri_single_key_init(4, user_key_long_press_cb, NULL);
// add you object init here.
//led_object_init();
usart_gpu_object_init();
temperature_object_init();
humiture_object_init();
pando_framework_init();
}编译和烧录固件请参考 tisan-doc 的开发环境介绍。
烧录成功后，复位开发板，板子即正常运行，如图：
过大概15秒后即显示温湿度，如图：
添加设备成功后，手机就可以发文到显示屏显示了！如开篇所示。
- 还不能显示中文。由于服务器下发的数据是UTF-8的码格式，而串口显示屏不支持UTF-8格式，能支持GBK或者GB2312的码，嵌入式这边处理编码转换比较耗资源；
- 支持丰富背景颜色和文字；
- 支持远程发送图片，并显示出来。