首先感谢阅读,如果您也对TDA4相关的开发感兴趣,我们这边有个学习交流微信群,可以入群和大家一起交流学习。
资历较浅,水平有限,如遇错误,请大家多指正!
保持开源精神,共同分享、进步!
博主WX : AIR_12 我会拉你入群。
链接:TDA4 相关专栏 链接:TDA4 Demo Gitee开源库
欢迎大家加入,一起维护这个开源库,给更多的朋友提供帮助。
最近在做一个项目,需要在TDA4平台显示中文字符,这里做一个比较详细的介绍和教程,欢迎大家一起交流学习!
效果图:
([TI TDA4 J721E]Draw2D 模块应用之 ——显示Logo等图像,暂缺,候补)
一、屏幕显示原理
相信大家有的朋友做过单片机屏幕显示相关的应用开发,如果需要用到屏幕显示内容,实际上就是对屏幕的每一个像素点进行打点操作。
显示规定的字符,就需要在字库的帮助下,对屏幕上哪一些关联的点就行打点。实际上就是一个打点的规则参考。
这个网上有很多教程,大家搜一下就知道了。
二、字库及图片的生成
字库需要使用到字库生成的软件,例如字模软件、图片转换软件等,生成c文件等等。
具体不做赘述,请参考以下博客:
如何将文字或图形转成LCD上使用的C51字模数据之一…………文字取模_过路老熊_新浪博客..._wenroudelang8888的博客-CSDN博客
如何将文字或图形转成LCD上使用的C51字模数据之二…………图像取模_过路老熊_新浪博客..._wenroudelang8888的博客-CSDN博客
三、移植到TDA4平台
这是我经过转换以后,自定义的一个汉字字模。
1、移植字库
参考vision_apps/utils/draw2d/src 下的英文字符的文件,创建中文字符的文件,如下。
其中有一点需要特别注意:UTF8格式下,汉字字符占用3个字节,另外还需要多出一个字节作为结束符。否则会出现乱码现象。
#include <utils/draw2d/include/draw2d.h>
static const uint32_t gDraw2D_Font_BytesPerPixel = 2;
static const uint32_t gDraw2D_Font_CharNum = 2;
static const uint32_t gDraw2D_Font_CharWidth = 24;
static const uint32_t gDraw2D_Font_CharHeight = 24;
// ------------------ 汉字字模的数据结构定义 ------------------------ //
typedef struct // 汉字字模数据结构
{
char Index[4]; // 汉字内码索引,UTF8汉字字符占用字节长度为3个字节,需要多一个字节为空,防止字符串对比时出错
char Msk[72]; // 点阵码数据
}typFNT_GB24;
/
// 汉字字模表 //
// 汉字库: 宋体24.dot,横向取模左高位,数据排列:从左到右从上到下 //
/
typFNT_GB24 gDraw2D_Font[] = // 数据表
{
{"雨", {0x00, 0x00, 0x00, 0x00, 0x00, 0x08, 0x00, 0x00, 0x1C, 0x7F, 0xFF, 0xFE, 0x00, 0x18, 0x00, 0x00, 0x18, 0x00, 0x10, 0x18, 0x18, 0x1F, 0xFF, 0xFC, 0x18, 0x18, 0x18, 0x1A, 0x1A, 0x18, 0x19, 0x19, 0x18, 0x19, 0x99, 0x98, 0x18, 0x98, 0x98, 0x18, 0x18, 0x18, 0x1A, 0x1A, 0x18, 0x19, 0x19, 0x18, 0x19, 0x99, 0x98, 0x18, 0x98, 0x98, 0x18, 0x18, 0x18, 0x18, 0x18, 0x18, 0x18, 0x18, 0x18, 0x18, 0x19, 0xF8, 0x10, 0x10, 0x70, 0x00, 0x00, 0x20}},
{"雾", {0x00, 0x00, 0x60, 0x0F, 0xFF, 0xF0, 0x00, 0x18, 0x00, 0x20, 0x18, 0x04, 0x3F, 0xFF, 0xFE, 0x20, 0x18, 0x04, 0x6F, 0x99, 0xF8, 0x40, 0x18, 0x00, 0x0F, 0x99, 0xF0, 0x00, 0xC0, 0x40, 0x01, 0xFF, 0xE0, 0x03, 0x81, 0xC0, 0x04, 0x43, 0x00, 0x08, 0x3C, 0x00, 0x00, 0xFF, 0x00, 0x07, 0x21, 0xFE, 0x78, 0x70, 0x30, 0x07, 0xFF, 0xC0, 0x00, 0x60, 0xC0, 0x00, 0xC0, 0xC0, 0x01, 0x80, 0xC0, 0x03, 0x1F, 0x80, 0x0C, 0x03, 0x00, 0x10, 0x00, 0x00}}
};
// 汉字表:
// 雨雾
int32_t Draw2D_getFontPropertyChina24x24(Draw2D_FontProperty *pProp)
{
pProp->width = gDraw2D_Font_CharWidth;
pProp->height = gDraw2D_Font_CharHeight;
pProp->addrChinese = (typFNT_GB24 *)gDraw2D_Font;
pProp->num = gDraw2D_Font_CharNum;
pProp->bpp = gDraw2D_Font_BytesPerPixel;
pProp->lineOffset = pProp->num * pProp->width * pProp->bpp;
pProp->colorFormat = DRAW2D_DF_BGR16_565;
return 0;
}
2、创建接口函数
创建汉字显示的接口函数,用来显示汉字字符。
注意:Demo里面只显示了24*24大小的宋体汉字,如果需要其他字体、字号的。需要自己根据实际情况进行调整。(即打点的位置和字库里面对应的位相对应。)
其中要说明的是 Draw2D_getChineseFontCharAddr 这个函数,是为了获取要显示的汉字在字符表中的地址。
然后调用Draw2D_drawChineseString_rot 函数,将每一位标示每个点是否显示进行打点操作。
需要在头文件/vision_apps/utils/draw2d/include/draw2d.h里面加入声明,才能被调用:
部分源码:核心函数是Draw2D_drawChineseString_rot,对每一位数值代表的点进行屏幕打点操作。
#include <utils/draw2d/src/draw2d_priv.h>
#define CHINESE_UTF8_BYTES 3 //UTF8编码中文字符占用三个字节
uint8_t * Draw2D_getChineseFontCharAddr(Draw2D_FontProperty *font, char* c)
{
if (font == NULL)
return 0;
uint16_t i = 0;
for (i = 0; i < font->num;i++)
{
if(0 == strcmp(font->addrChinese[i].Index , c))
{//匹配字符串,如果匹配,则退出
break;
};
}
return ((uint8_t *)font->addrChinese + i * sizeof(typFNT_GB24));
}
int32_t Draw2D_drawChineseString_rot(Draw2D_Handle pCtx,
uint32_t startX,
uint32_t startY,
char *str,
Draw2D_FontPrm *pPrm,
uint32_t rotate)
{
int32_t status = VX_SUCCESS;
Draw2D_Obj *pObj = (Draw2D_Obj *)pCtx;
uint32_t len, width, height, h, i, w, px, py;
uint8_t *fontAddr;
uint16_t color;
Draw2D_FontProperty font;
uint8_t byteLen;
char strTmp[4];
if(pObj==NULL || str==NULL)
return VX_FAILURE;
Draw2D_getChineseFontProperty(pPrm, &font); //获取需要绘制的字体的属性
len = strlen(str) / CHINESE_UTF8_BYTES; //汉字字符,占用两个字节,UTF-8 编码需要除以3
width = font.width * len; //计算整体宽度
height = font.height;
if(startX >= pObj->bufInfo.bufWidth) //检查是否超出整个显示的边界
return 0;
if(startY >= pObj->bufInfo.bufHeight) //检查是否超出整个显示的边界
return 0;
if((startX + width)> pObj->bufInfo.bufWidth)
{
width = pObj->bufInfo.bufWidth - startX;
}
if((startY + height)> pObj->bufInfo.bufHeight)
{
height = pObj->bufInfo.bufHeight - startY;
}
for (i = 0; i < len; i++) //根据中文字符创长度,决定循环次数
{
memset(strTmp, 0, sizeof(strTmp)); //将缓冲数组清空
memcpy(strTmp, str + CHINESE_UTF8_BYTES * i, CHINESE_UTF8_BYTES); //将单个的汉字字符复制出来
fontAddr = Draw2D_getChineseFontCharAddr(&font, strTmp); //获取当前字符在汉字表内的相对地址
fontAddr += sizeof(font.addrChinese->Index); //将汉字本身的占用字节数地址进行偏移
px = startX + i * font.width;
py = startY;
/* draw font char */
for (h = 0; h < height; h++)
{
for (w = 0; w < (font.width / 8); w++) //每个点被压缩成字节的一位
{
for (byteLen = 0; byteLen < 8; byteLen++) //按每一位的值,需要
{
if (((*(fontAddr + w + (font.width / 8)*h)) << byteLen) & 0x80) //检查每一位是否为有效
{
color = gDraw2D_fontChinese_color_text; //设置当前像素点的颜色属性
}
else
{
color = gDraw2D_fontChinese_color_bg;
}
Draw2D_drawPixel(
pCtx,
px + 8 * w + byteLen,
py + h,
color,
font.colorFormat);
}
}
}
}
return status;
}
四、测试验证
这个部分,大家参考英文字符显示的例程,比较简单,这里不做赘述。
具体源码,请参见库里内容进行测试验证。
Draw2D_drawChineseString(handle,
stringObj->startX,
stringObj->startY,
stringObj->context,
&stringObj->font);
【声明】
【欢迎转载转发,请注明出处。原创比较辛苦,请尊重原创,祝大家学习愉快!】
【博主专注嵌入式开发,具有多年嵌入式软、硬件开发经验,欢迎大家学习交流!】
【如有嵌入式相关项目需求,欢迎私信】