合泰HT32--淘晶驰TJC--T0串口屏学习笔记（二）

最新推荐文章于 2023-08-26 08:55:33 发布
最新推荐文章于 2023-08-26 08:55:33 发布
阅读量2.4k 收藏 23
点赞数 3
分类专栏： 合泰 串口屏 文章标签： 嵌入式 c语言 单片机
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/LiangWF22/article/details/113415823
版权

前言

经过上一次的串口屏学习，实现了单个页面的控件操作显示，但依旧还存在着许多需要解决的问题和优化的地方。

这次呢，主要实现串口屏多页面显示，及对应UI组件的控制。

上一篇串口屏链接：合泰HT32 & 淘晶驰TJC–T0串口屏学习笔记（一）

指令

指令说明
page x跳转到x页面
sendme串口发送页面ID
covx变量类型转换

指令详解

以下指令如果从单片机发送到串口屏都需要加上结束符0XFF 0XFF 0XFF

一、page x 刷新页面

语法

page pageid
pageid:页面ID或页面名称
实例1:page 0 (刷新ID为0的页面)
实例2:page main (刷新名称为main的页面)

备注：

1.设备上电自动刷新第0页。

2.也可以对系统变量dp赋值来实现跳转页面(如dp=0)，系统变量dp可以设置可以读取，具体请参看系统变量列表。

3.page 指令是跳转指令。写在page指令后面的代码将被忽略没机会执行。

二、sendme

语法

sendme
(直接发送sendme这条字符串即可)

备注

设备收到此指令会立刻把当前页面的ID号发送到串口，如果想要每次刷新页面自动发送页面ID，需要在页面的初始化事件里写上sendme语句。

三、covx 变量类型转换

语法

covx att1,att2,lenth,format
att1:源变量
att2:目标变量
lenth:字符串的长度(0为自动长度，非0为固定长度)
format:申明数值类型(0-数字;1-货币;2-Hex)

备注

实例1:covx h0.val,t0.txt,0,0 (把滑块h0的val数值变量转换成10进制数字字符串并赋值给文本t0的txt变量,长度为自动)

实例2:covx t0.txt,h0.val,0,0 (把文本t0的txt十进制数字字符串变量转换为数值并赋值给滑块h0的val数值变量,长度为自动)

串口屏多页面设计

首先我们需要在“页面”栏创建新的页面；然后在主页面那里把背景换成图片（图片上面已经设计好UI图标了）。

至于UI设计嘛，我们这是以学习为目标哈，因此可以在网上找几个好看的图标，用PS弄进图片里面就行。

图片的分辨率必须要改成自己屏幕对应的分辨率，不然的话显示会有问题的。
在这里插入图片描述
然后添加几个按钮，将按钮的“sta”属性换成“切图”，换成切图之后，按钮就变成透明的了，这时候记得要在“属性”栏将切图的“picc”“picc2”设置成对应的图片！

在这里插入图片描述
在这里插入图片描述
按钮属性设置完成之后，在对应按钮的“弹起事件”写上需要转的页面即可，如果想返回主页面也是一样，写上page "页面ID"指令就可以跳转到对应的页面了。

在这里插入图片描述
对了记得在页面的前初始化事件那里把波特率改成和单片机串口的波特率一样。

程序

查找当前的页面

我们要知道当前是什么页面才能对，对应的组件进行修改，这里主要有两种方法。

第一、主动发送

在每个页面的初始化事件那里写上sendme指令，那么在进入这个页面的时候串口屏就会主动发送当前页面的ID给单片机了。
在这里插入图片描述

第二、被动查询

这种方法主要通过单片机发送sendme指令给串口屏，串口屏接收到这条指令之后就会把页面ID发送到单片机了。

比如当前的页面为第0页，单片机发送sendme，串口屏就会回复 0X66 0X00 0XFF 0XFF 0XFF，其中0x66 为固定的前字节，0x00为当前的页面ID，后面的三个就是结束符了。

实现函数：

查询当前的页面ID

unsigned char search_page()

//=================检查当前页面============//
// 用debug串口将信息打印输出
//并返回对应的页面ID

u8 search_page()
{
	unsigned char timeOut=200;
	tjc_sendstring("sendme");
	USART_SEND_END(COM0_PORT);
	while(timeOut--)
	{
		if(USART0_WaitRecive()==0)
		{
			hexStr2Str((char *)gRx_Buffer);
			if(strstr((const char *)gRx_Buffer, "6600") != NULL)		//如果检索到关键词
			{
				memset(gRx_Buffer, 0, sizeof(gRx_Buffer));
				gURRx_Length = 0;
				UsartPrintf (COM1_PORT ,"page 0");
				return 0;
			}
			else if(strstr((const char *)gRx_Buffer, "6601") != NULL)		//如果检索到关键词
			{
				memset(gRx_Buffer, 0, sizeof(gRx_Buffer));
				gURRx_Length = 0;
				UsartPrintf (COM1_PORT ,"page 1");
				return 1;
			}
			else if(strstr((const char *)gRx_Buffer, "6602") != NULL)		//如果检索到关键词
			{
				memset(gRx_Buffer, 0, sizeof(gRx_Buffer));
				gURRx_Length = 0;
				UsartPrintf (COM1_PORT ,"page 2");
				return 2;
			}
			else if(strstr((const char *)gRx_Buffer, "6603") != NULL)		//如果检索到关键词
			{
				memset(gRx_Buffer, 0, sizeof(gRx_Buffer));
				gURRx_Length = 0;
				UsartPrintf (COM1_PORT ,"page 3");
				return 3;
			}
			else if(strstr((const char *)gRx_Buffer, "6604") != NULL)		//如果检索到关键词
			{
				memset(gRx_Buffer, 0, sizeof(gRx_Buffer));
				gURRx_Length = 0;
				UsartPrintf (COM1_PORT ,"page 4");
				return 4;
			}
		}
	}return NULL;
	
}

因为串口屏给我们发送的是十六进制数，因此我们可以把它转换为字符串，感觉这样更直观一点，下面为十六进制转换为字符串的实现程序。

uint8_t HexToChar(uint8_t temp)
{
    uint8_t dst;
    if (temp < 10){
        dst = temp + '0';
    }else{
        dst = temp -10 +'A';
    }
    return dst;
}

//==================16进制转为字符串====================//
//@ *data 用指针输入需要转换十六进制数的buffer
void hexStr2Str(char *data)  
{    
	int i = 0;
	uint8_t str[10];
	uint8_t dst[10];
	
    for(i = 0; i<5;i++)
    {
        str[2*i] = data[i]>>4;
        str[2*i+1] = data[i]&0xf;
    }
    for(i = 0; i<10;i++)
    {
        dst[i] = HexToChar(str[i]);
    }
		for(i=0;i<10;i++)
		{
			data[i]=dst[i];
		}
}

通过上面的程序我们就可以知道，现在处于哪个页面了，接下来就是对页面组件的操作，这个请参考串口屏的第一篇笔记博文。

串口屏相关的一些函数

#include "tjc.h"
#include "delay.h"
#include "usart.h"

//C库
#include <string.h>
#include <stdio.h>

extern  u8 gRx_Buffer[128];
extern vu32 gURRx_Length;

//page 1组件参数存放，光谱仪
#define   MAX_VAL    1000    //最大值，到时候需要修改
unsigned int page1_NUM[10]={95,78,140,355,888,643,85,98,987,666};

//char page1_TXT[8][4]={"富强","民主","文明","和谐","自由","平等","公正","法治"};

//page 2组件参数存放，灯光检测
unsigned int page2_NUM[2]={1118,4000};
unsigned char page2_TXT[4]={"黄色"};

//page 3组件参数存放，大棚
unsigned int page3_NUM[2]={500,480};

//page 4组件参数存放，PH值检测
unsigned char page4_TXT[2][4]={"8.8","偏蓝"};




uint8_t HexToChar(uint8_t temp)
{
    uint8_t dst;
    if (temp < 10){
        dst = temp + '0';
    }else{
        dst = temp -10 +'A';
    }
    return dst;
}

//==================16进制转为字符串====================//
void hexStr2Str(char *data)  
{    
	int i = 0;
	uint8_t str[10];
	uint8_t dst[10];
	
    for(i = 0; i<5;i++)
    {
        str[2*i] = data[i]>>4;
        str[2*i+1] = data[i]&0xf;
    }
    for(i = 0; i<10;i++)
    {
        dst[i] = HexToChar(str[i]);
    }
		for(i=0;i<10;i++)
		{
			data[i]=dst[i];
		}
}  



//===========发送字符串给串口屏================//
void tjc_sendstring(char *buf)
{
	Usart_SendStr(COM0_PORT,buf);
}

//**************将进度条数值发送给串口屏***************//
//入口参数：
//max_val 最大值，因为进度条最多显示100，需要归100化
//j_x 进度条标识，需要修改的进度条标号，比如修改j.0，那么j_x=0
//j_val 需要显示的数值
//*****************************************************//
void tjcSend_jdt(float max_val,unsigned char j_x,float j_val)
{
	unsigned char jdt_va;
	jdt_va=(100/max_val)*j_val;
	Usart_SendStr(COM0_PORT,"j");
	Usart_Sendbyte(COM0_PORT,j_x+48);// 把整数  int i 转为字符码并发送
	Usart_SendStr(COM0_PORT,".val=");
	Int2Char_Send(COM0_PORT,jdt_va);
	USART_SEND_END(COM0_PORT);
		
}

//****************将文本组件字符发送给串口屏*************//
//入口参数：
//t_x      文本标识，第几条文本
//t_txt    文本的内容
//=======================================================//
void tjcSend_txt(unsigned char t_x, unsigned char *t_txt)
{
	Usart_SendStr(COM0_PORT,"t");
	Usart_Sendbyte(COM0_PORT,t_x+48);// 把整数  int i 转为字符码并发送
	Usart_SendStr(COM0_PORT,".txt=");
	Usart_Sendbyte(COM0_PORT,34);//引号
	Usart_SendString(COM0_PORT,t_txt,4);//默认为4个字节，如果超过需要修改
	Usart_Sendbyte(COM0_PORT,34);//引号
	USART_SEND_END(COM0_PORT);
}

//****************将数字组件数值发送给串口屏*************//
//入口参数：

void tjcSend_num(unsigned char n_x,unsigned int n_val)
{
	
	Usart_SendStr(COM0_PORT,"n");
	Usart_Sendbyte(COM0_PORT,n_x+48);// 把整数  int i 转为字符码并发送
	Usart_SendStr(COM0_PORT,".val=");
	Int2Char_Send(COM0_PORT,n_val);
	USART_SEND_END(COM0_PORT);

}

//=================检查当前页面============//
u8 search_page()
{
	unsigned char timeOut=200;
	tjc_sendstring("sendme");
	USART_SEND_END(COM0_PORT);
	while(timeOut--)
	{
		if(USART0_WaitRecive()==0)
		{
			hexStr2Str((char *)gRx_Buffer);
			if(strstr((const char *)gRx_Buffer, "6600") != NULL)		//如果检索到关键词
			{
				memset(gRx_Buffer, 0, sizeof(gRx_Buffer));
				gURRx_Length = 0;
				UsartPrintf (COM1_PORT ,"page 0");
				return 0;
			}
			else if(strstr((const char *)gRx_Buffer, "6601") != NULL)		//如果检索到关键词
			{
				memset(gRx_Buffer, 0, sizeof(gRx_Buffer));
				gURRx_Length = 0;
				UsartPrintf (COM1_PORT ,"page 1");
				return 1;
			}
			else if(strstr((const char *)gRx_Buffer, "6602") != NULL)		//如果检索到关键词
			{
				memset(gRx_Buffer, 0, sizeof(gRx_Buffer));
				gURRx_Length = 0;
				UsartPrintf (COM1_PORT ,"page 2");
				return 2;
			}
			else if(strstr((const char *)gRx_Buffer, "6603") != NULL)		//如果检索到关键词
			{
				memset(gRx_Buffer, 0, sizeof(gRx_Buffer));
				gURRx_Length = 0;
				UsartPrintf (COM1_PORT ,"page 3");
				return 3;
			}
			else if(strstr((const char *)gRx_Buffer, "6604") != NULL)		//如果检索到关键词
			{
				memset(gRx_Buffer, 0, sizeof(gRx_Buffer));
				gURRx_Length = 0;
				UsartPrintf (COM1_PORT ,"page 4");
				return 4;
			}
		}
	}return NULL;
	
}
void tjc_show(void)
{
	unsigned char page,i;
	page=search_page();
	switch(page)
	{
		case 0:
		{break;}
		//第一页，光谱仪
		case 1:
		{
			for(i=0;i<10;i++)
			{
				if(i<8)
				{
					tjcSend_jdt (MAX_VAL,i,page1_NUM[i]);
				}
				tjcSend_num(i,page1_NUM[i]);
			}
			break;
		}
		//第二页，灯光检测
		case 2:
		{
			for(i=0;i<2;i++)
			{
				tjcSend_num(i,page2_NUM[i]);
			}
			tjcSend_txt(0,page2_TXT);
			break;
		}
		//第三页，大棚
		case 3:
		{
			for(i=0;i<2;i++)
			{
				tjcSend_num(i,page3_NUM[i]);
			}
			break;
		}
		//第四页，PH值
		case 4:
		{
			for(i=0;i<2;i++)
			{
				tjcSend_txt(i,page4_TXT[i]);
			}
			break;
		}
	}
}
LiangWF22
关注
  • 3
    点赞
  • 踩
  • 23
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
stm32f103 基于STM32控制HT1621 - A2056B3B,stm32f103介绍,C,C++
09-11
利用STM32的串口UART发送16进制数据到LCD液晶屏，显示数据。
STM32f4日记4之HMI智能串口屏与单片机串口通信实验（能通过按下串口屏图片来控制单片机上LED灯闪灭）
SHAWN的博客
01-22 1万+
STM32f4日记4之HMI智能串口屏与单片机串口通信实验（能通过按下串口屏图片来控制单片机上LED灯闪灭） 板子：stm32f407zgt6正点原子迷你版 串口屏：淘晶驰HMI电容触摸屏3.5寸 // 如果你觉得对你有帮助，请点赞同，这对我很重要，谢谢。 // 一、器材介绍 HMI智能串口屏 串口屏的图形化编辑是开发利器，参数如上 串口屏可以通过***简单的编辑***达到非常理想的效果 二、硬件连接 串口屏一共4个口:RX、TX、5V、GND 1.单片机初始化USART1,对应正点原子板子上PA9、P
【合泰HT32串口控制多路舵机】
boybs的博客
04-28 855
合泰HT32串口控制多路舵机 前面完成了HT32 GPTM定时器的多路PWM舵机的控制，在此基础之上加入串口控制，后面会在加上蓝牙和WiFi实现远程控制。定时器和舵机相关配置不在重复如果还没有看的请前往前一篇。 HT32多路PWM舵机控制 usart.h #ifndef _UART_H #define _UART_H #include "ht32f5xxxx_01.h" #include <stdio.h> #define COM_CLK(CK) (CK
淘晶驰X5屏上手
qq_46015011的博客
07-31 1679
淘晶驰X5屏上手前言一、什么是串口屏？二、基操（基本操作）1.页面page2.代码的核心逻辑（定时器）3.c语言变量名的使用以及代码的规范4.美化UI6.串口助手调试7.动画制作总结推荐 前言 其实官方网站说的已经比较清楚的了，这篇笔记主要是针对刚上手串口屏的同学 一、什么是串口屏？ 其实可以简单粗暴地理解为：屏+串口，其方便用户进行目标产品的二次开发，其价值在于串口屏厂家为用户封装了所有显示的底层功能，抽象出一系列通用的UI控件和对应的事件编程逻辑，可以缩短用户产品的开发周期；而市面上的屏（这里只讨
淘晶驰串口屏入门（七）数据记录控件、文件浏览器控件、文件流控件
无聊达的博客
03-21 4009
一、数据记录控件 1、注意data+数字开头的为数据记录控件 2、只有x3和x5系列的串口屏支持数据记录控件，k0，t0和t1系列不支持 3、使用data0.insert方法向数据记录控件添加记录 4、数据记录控件的其他方法 选中数据控件后，点击下图切换到数据记录控件的方法栏，目前数据记录控件支持4种方法 数据记录控件编程 1、新增一条记录 新建一个数据记录控件data0...
淘晶驰串口屏控件详解
09-06
整理的淘晶驰串口屏30种控件使用资料，包括控件简单使用、属性、使用详解，全部配有图片，是学习串口屏理想的资料。
淘晶驰串口屏常见问题及解决方法
热门推荐
无聊达的博客
03-22 3万+
连接不上屏幕？ 用的什么usb转ttl芯片,如果是ch340请更换为ft232或者cp2102。 (为什么要换ch340？ 因为ch340有很多假货) TX、RX是否连接正确 串口屏和电脑或者单片机是否共地 检查串口驱动是否正确安装 串口号是否选对/手动选择串口 尝试拔插串口工具 尝试重启电脑 尝试更换一个串口工具试试 使用串口软件调试时，不要加回车换行 尝试更换屏幕 波特...
合泰HT32 & 淘晶驰TJC--T0串口屏学习笔记
LiangWF22的博客
01-12 4314
开发环境 上位机软件下载： http://wiki.tjc1688.com/doku.php?id=2.%E4%B8%8A%E4%BD%8D%E8%BD%AF%E4%BB%B6%E4%B8%8B%E8%BD%BD:1.%E6%9C%80%E6%96%B0%E7%89%88%E6%9C%AC%E4%B8%8B%E8%BD%BD 1、软件安装好后点击新建工程 2、选择你需要存放的目录，输入文件名，点击保存 3、选择对应的设备（设备号在背面有印刷）我这里选择TJC3224T024_011 4、选择屏幕显示方向和
淘晶驰串口屏_ 串口屏卡顿的原因
hfc1688的博客
10-08 1334
1.使用了全屏的控件来作为背景,导致控件之间重叠,当有一个控件刷新时,重叠的控件也会一起刷新,导致屏幕效率大大降低从而导致卡顿 2.使用了delay 当使用了delay时,串口屏是完全阻塞的,从而导致卡顿,应避免使用delay,可以使用定时器代替 3.通过串口进行同步,只有接收到单片机发来的数据才响应 串口发送和解析都需要一定的时间,如果只接收到单片机的数据才响应,这段时间会导致屏幕明显不跟手 ...
淘晶驰串口屏（基于STM32）怎么用
最新发布
张不懂的博客
08-26 1万+
写在前面 市面上比较畅销的几款易开发触摸屏之一。成熟的生态链，简单易上手。 淘晶驰串口屏资料挺齐全的，公司官网的资料比较齐全；偶然的机会用了其中两款串口屏。简要介绍一下自己的使用体验和几个学习方法【基于STM32】。 官网的截图     硬件 一款是电阻屏TJC8048K0系列，另一款是TCJ8048X5系列 首先电容屏触感胜出很多，其次X5系列的控件（理解为可功能，详见官网...
合泰芯片驱动淘晶驰串口屏实现
01-21
合泰HT32芯片驱动淘晶驰串口屏实现
2019年合泰 HT66H70A ESK-300开发板学习资料.zip_HT66F70A开发板_emptycmk_esk-303
07-15
合泰单片机HT66F70A Flash系列例程+原理图+源代码，基于ESK-300-V1.02 原理图和ESK-LCM-200-V1.02 原理图。
HT32F52352点亮LED例程-ESK32-30501U2.1
02-04
该代码可直接烧入ESK32-30501U2.1这块板子，可直接点亮板子上LED1和LED2，并间隔一秒闪烁。
合泰单片机应用能力设计大赛——HT-IDE3000操作步骤（HT66F70A）.zip
11-20
合泰单片机应用能力设计大赛 HT-IDE3000操作步骤（HT66F70A） 完整视频教程手把手教，照着学习马上就能上手。
HT-IDE3000详细使用手册
10-10
HT-IDE3000 使用手册中包含 更多使用细节和操作规范。HT-IDE3000 发展系统提供友善的工作平台。将所有的软件工具， 例如编辑器、组译器、连结器、函式库管理员和符号除错器，整合成为一窗口 环境，
TJC串口屏显示小数的方法
qq_38215697的博客
04-21 1753
使用串口屏显示小数的方法： 成功的方法： 1.在两个数字控件之间采用文本控件，文本控件的内容设置为"."，也就是把小数点采用文本控件固定，自己调整距离即可； 2.使用虚拟浮点数控件也可以显示小数，这里需要注意的是：1）数据的整数和小数的位数都是可以在控件的属性里面可以设置的；2）虚拟浮点数控件的val属性一定要注意，比如你要显示23.24，切记编程的时候不能写出x0.val=23.24，这是不正确...
淘晶驰串口屏入门（五）下拉框 选择文本 动画 视频 外部图片
无聊达的博客
03-21 3081
一、下拉框控件 1、注意cb+数字开头的为下拉框控件 2、只有x3和x5系列的串口屏支持下拉框控件，k0，t0和t1系列不支持 3、设置path属性来给下拉框赋值，每个值之间用换行隔开 4、val属性为当前选中单元格ID(运行中每次改变会将相应的内容同步到txt属性) 二、选择文本 1、注意select+数字开头的为选择文本控件 2、只有x3和x5系列的串口屏支持选择文本控件，...
32位合泰单片机实现串口通信
cxyan
05-04 1863
文章目录
淘晶驰串口屏入门（三）按钮、双态按钮、状态开关、图片、切图、触摸热区
无聊达的博客
03-21 8535
一、按钮控件 1、新建一个按钮控件，注意：b+数字开头的为按钮控件，这是控件的名称，你可以自己修改 2、按钮的点击事件 按下事件和弹起事件 把按钮想像成你的鼠标，当你点击左键时，触发按下事件，当你放开时，触发弹起事件 3、开始编程 在按钮的按下事件中写入以下代码（实验时请将第二行代码删除，否则会报错） 注意：书写代码时，所有的符号都应为英文标点符号，另外等号两边不要有空...
基于grbl 如何将机械坐标和工件坐标显示在陶晶驰串口屏相对应的文本框中
05-23
要将机械坐标和工件坐标显示在陶晶驰串口屏相对应的文本框中，您需要进行以下步骤： 1. 首先，您需要在grbl中添加代码，以便在控制器与计算机之间传输机械坐标和工件坐标。这可以通过使用G代码或M代码进行实现，具体取决于您使用的GRBL版本。 2. 接下来，您需要编写一个程序，该程序将使用串口通信与grbl进行通信，并从grbl接收机械坐标和工件坐标。该程序将把这些坐标显示在串口屏幕上。 3. 最后，您需要在陶晶驰串口屏上创建文本框，并将它们与您的程序中的变量相对应。这样，当您的程序向串口屏幕发送机械坐标和工件坐标时，它们将自动显示在相应的文本框中。 请注意，这是一个较为复杂的过程，需要具备一定的编程和电子知识。如果您不确定如何完成这些步骤，建议您寻求专业的技术支持。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值