[TI TDA4 J721E] 屏幕显示中文字符 生成中文字库—Draw2D 模块应用(UTF-8编码)

         首先感谢阅读,如果您也对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);

【声明】
【欢迎转载转发,请注明出处。原创比较辛苦,请尊重原创,祝大家学习愉快!】
【博主专注嵌入式开发,具有多年嵌入式软、硬件开发经验,欢迎大家学习交流!】
【如有嵌入式相关项目需求,欢迎私信】

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值