xld0932 发表于 2022-4-19 09:25

【MM32+模块】系列:09、LCD12864显示驱动及lkdGui移植与演示

本帖最后由 xld0932 于 2022-4-19 14:57 编辑

#申请原创#   @21小跑堂


简介HJ12864J是带汉字字库的LCD液晶显示模块,支持三种与MPU的通讯方式,可以通过PSB引脚来设置4位、8位并行或串行的通讯方式。工作电压支持3.3V或者5.0V,由出厂时设定后固定不变,支持自动上电复位功能和外置复位功能。具有48*16bit的字符显示RAM;支持2Mbit的中文字符ROM,共有8192个中文汉字;支持16Kbit的半宽字符ROM,共有126个字母或符号;支持64*16bit的自定义字符RAM;支持多功能指令。
lkdGui是一款为单色显示屏制作的图形化界面,lkdGui主要定位于工业控制领域,用于简单漂亮的图形界面设计。它包含了常用的画图函数如画点、画线、画矩形、文字显示、按钮控件、进度条控件等。它使用窗口进行统一管理和调度,使得各个应用显示模块之间低耦合,方便应用程序的开发和移植。

功能本文通过自制的MM32F0140最小系统板结合HJ12864J液晶屏,通过8位并行控制方式实现显示驱动及lkdGui的移植和控制显示功能,包含如下内容:1、HJ12864J显示汉字字符和半宽字符2、HJ12864J显示自定义字符3、HJ12864J显示绘图实现画点4、基于HJ12864J的lkdGui移植5、基于HJ12864J的lkdGui控件显示    5.1.基本图形    5.2.文本控件    5.3.滚动条控件    5.4.进度条控件    5.5.按钮控件    5.6.图形控制    5.7.菜单窗口

1、HJ12864J显示汉字字符和半宽字符HJ12864J显示分辨率为128*64像素点,每一个内置的汉字占16*16个点阵,而半宽字符则占8*16个点阵,所以整个屏幕在满屏时可以显示4行*8个汉字字符或者是4行*16个半宽型字符。对于汉字字符来说,在写入显示RAM(DRAM)时,需要写入2个字节数据,第一个字节为汉字的高8位数据,第二个字节为汉字的低8位数据,两个字节组合成汉字对应码地址;对于半宽型字符而言,在写入显示RAM(DRAM)时,也需要跟汉字一样的操作写入2个字节,一个字节为0代表空,另一个字节代表一个半宽型字符,可以参考附件手册中的HCGROM部分的字符对照表。参考代码如下所示:void LCD12864_CheckBusy(void)
{
    GPIO_InitTypeDef GPIO_InitStructure;

    GPIO_Write(GPIOB, (GPIO_ReadOutputData(GPIOB) & 0xFF00) | 0xFF);

    RCC_AHBPeriphClockCmd(RCC_AHBENR_GPIOB, ENABLE);

    GPIO_StructInit(&GPIO_InitStructure);
    GPIO_InitStructure.GPIO_Pin   = GPIO_Pin_0 | GPIO_Pin_1 | GPIO_Pin_2 |
                                    GPIO_Pin_3 | GPIO_Pin_4 | GPIO_Pin_5 |
                                    GPIO_Pin_6 | GPIO_Pin_7;
    GPIO_InitStructure.GPIO_Speed = GPIO_Speed_50MHz;
    GPIO_InitStructure.GPIO_Mode= GPIO_Mode_FLOATING;
    GPIO_Init(GPIOB, &GPIO_InitStructure);

    LCD12864_RS_L();
    LCD12864_RW_H();
    LCD12864_EN_H();

    while(GPIO_ReadInputData(GPIOB) & 0x0080);

    LCD12864_EN_L();

    GPIO_StructInit(&GPIO_InitStructure);
    GPIO_InitStructure.GPIO_Pin   = GPIO_Pin_0 | GPIO_Pin_1 | GPIO_Pin_2 |
                                    GPIO_Pin_3 | GPIO_Pin_4 | GPIO_Pin_5 |
                                    GPIO_Pin_6 | GPIO_Pin_7;
    GPIO_InitStructure.GPIO_Speed = GPIO_Speed_50MHz;
    GPIO_InitStructure.GPIO_Mode= GPIO_Mode_Out_PP;
    GPIO_Init(GPIOB, &GPIO_InitStructure);
}

void LCD12864_WriteCMD(uint8_t Command)
{
    LCD12864_CheckBusy();

    LCD12864_RS_L();
    LCD12864_RW_L();

    GPIO_Write(GPIOB, (GPIO_ReadOutputData(GPIOB) & 0xFF00) | Command);

    LCD12864_EN_H();
    LCD12864_EN_L();
}

void LCD12864_WriteDAT(uint8_t Data)
{
    LCD12864_CheckBusy();

    LCD12864_RS_H();
    LCD12864_RW_L();

    GPIO_Write(GPIOB, (GPIO_ReadOutputData(GPIOB) & 0xFF00) | Data);

    LCD12864_EN_H();
    LCD12864_EN_L();
}

void LCD12864_DisplayCGROM(uint8_t Address, char *str)
{
    LCD12864_WriteCMD(Address);

    while(*str != '\0')
    {
      LCD12864_WriteDAT(*str++);
    }
}

2、HJ12864J显示自定义字符HJ12864J液晶屏预留了几个可自定义字符空间CGRAM,大小为64*16bit。一个自定义字符为16*16点阵,第一个存入的数据从(40H+00H)地址开始,到(40H+3FH)结束,每个地址存入2个字节数据;先横向取两个字节,再纵向进行累加,共16行。所以自定义的字符为4个16*16点阵的空间,我们可以利用这个实现16*16的自定义字符的显示,也可以组合成32*32点阵来显示一个更大的图形等用途。参考代码如下所示:uint8_t LCD12864_CGRAM =
{
0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X07,0XC1,0X0F,0XC3,0X1F,0XC7,
0X3F,0XCF,0X7F,0XDF,0XFF,0XDF,0XFF,0X9F,0XFF,0X1F,0XFE,0X1F,0XFC,0X1F,0XF8,0X1F,

0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0XFF,0XE0,0XFF,0XE0,0XFF,0XE0,
0XFF,0XE0,0XFF,0XE0,0XFB,0XFF,0XF1,0XFF,0XE0,0XFF,0XC0,0X7F,0X80,0X3F,0X00,0X3F,

0XFC,0X01,0XFE,0X03,0XFF,0X07,0XFF,0X8F,0XFF,0XDF,0X07,0XFF,0X07,0XFF,0X07,0XFF,
0X07,0XFF,0X07,0XFF,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,

0XF8,0X3F,0XF8,0X7F,0XF8,0XFF,0XF9,0XFF,0XFB,0XFF,0XF7,0XFE,0XE7,0XFC,0XC7,0XF8,
0X87,0XF0,0X07,0XE0,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,
};

void LCD12864_WriteCGRAM(void)
{
    for(uint8_t i = 0; i < 64; i++)
    {
      LCD12864_WriteCMD(0x40 + i);
      LCD12864_WriteDAT(LCD12864_CGRAM);      
      LCD12864_WriteDAT(LCD12864_CGRAM);      
    }
}

void LCD12864_DisplayCGRAM(uint8_t Address, uint8_t Index)
{
    if((Address >= 0x80) && (Address <= 0x9F))
    {
      Index = (Index % 4) * 2;

      LCD12864_WriteCMD(Address);
      LCD12864_WriteDAT(0x00);
      LCD12864_WriteDAT(Index);
    }
}
3、HJ12864J显示绘图实现画点对于显示内置的汉字或者是半宽型字符而言,大小都是固定的;对于自定义的CGRAM而言,最大也仅仅能显示32*32点阵的大小;而LCD的分辨率达到128*64,如果需要全显示自定义的内容,此时就需要使用到HJ12864J液晶屏的绘图RAM功能。HJ12864J带有64*128bit的绘图RAM(GDRAM),通过对GDRAM写入数据,再映射到显示RAM上,可以实现全屏的自定义内容的显示。而此时最基础的操作就是在128*64分辨率的显示屏上实现何意一个位置显示一个像素点,通过一个像素点的绘制来实现全屏内容的显示。参考代码如下所示:uint8_t LCD12864_GDRAM;

void LCD12864_DisplayGDRAM(void)
{
    LCD12864_WriteCMD(0x34);
    LCD12864_WriteCMD(0x36);

    for(uint8_t i = 0; i < 32; i++)
    {
      LCD12864_WriteCMD(0x80 + i);
      LCD12864_WriteCMD(0x80 + 0);

      for(uint8_t j = 0; j < 16; j++)
      {
            LCD12864_WriteDAT(LCD12864_GDRAM);
      }
    }

    for(uint8_t i = 0; i < 32; i++)
    {
      LCD12864_WriteCMD(0x80 + i);
      LCD12864_WriteCMD(0x80 + 8);

      for(uint8_t j = 0; j < 16; j++)
      {
            LCD12864_WriteDAT(LCD12864_GDRAM);
      }
    }
}

void LCD12864_DrawPoint(uint8_t x, uint8_t y, uint8_t en)
{
    if(en)
    {
      LCD12864_GDRAM |=(0x80 >> (x % 8));
    }
    else
    {
      LCD12864_GDRAM &= ~(0x80 >> (x % 8));
    }
}

示例代码:void LCD12864_DisplayDEMO(void)
{
    /* CGROM: 2Mbit的中文字库ROM,总共有8192个中文字符 */
    LCD12864_DisplayCGROM(0x88, "上海灵动微电子股");
    LCD12864_DisplayCGROM(0x99, "份有限公司");

    /* CGRAM: 64*16bit的自定义字符RAM */
    LCD12864_WriteCGRAM();

    LCD12864_DisplayCGRAM(0x80, 0);
    LCD12864_DisplayCGRAM(0x81, 1);
    LCD12864_DisplayCGRAM(0x90, 2);
    LCD12864_DisplayCGRAM(0x91, 3);

    /* HCGROM : 16Kbit的半宽字库ROM,总共有126个字母符号 */
    char HCGROM[] = {0x01, 0x03, 0x0};

    LCD12864_DisplayCGROM(0x9E, HCGROM);

    LCD12864_DisplayCGROM(0x82, "Hello World!");
    LCD12864_DisplayCGROM(0x92, "21ic:xld0932");

    SysTick_DelayMS(1000); LCD12864_WriteCMD(0x01); SysTick_DelayMS(3);

    /* GDRAM: 64*128bit的绘图RAM */
    memset(LCD12864_GDRAM, 0, sizeof(LCD12864_GDRAM));

    LCD12864_DisplayGDRAM();
}

void LCD12864_Init(void)
{
    GPIO_InitTypeDef GPIO_InitStructure;

    /* 控制线:PSB/RS/RW/EN/RST */
    RCC_AHBPeriphClockCmd(RCC_AHBENR_GPIOA, ENABLE);

    GPIO_StructInit(&GPIO_InitStructure);
    GPIO_InitStructure.GPIO_Pin   = GPIO_Pin_3 | GPIO_Pin_4 | GPIO_Pin_5 |
                                    GPIO_Pin_6 | GPIO_Pin_7;
    GPIO_InitStructure.GPIO_Speed = GPIO_Speed_50MHz;
    GPIO_InitStructure.GPIO_Mode= GPIO_Mode_Out_PP;
    GPIO_Init(GPIOA, &GPIO_InitStructure);

    /* 并行接口 */
    LCD12864_PSB_H();

    /* 默认电平 */
    LCD12864_RS_L();
    LCD12864_RW_L();
    LCD12864_EN_L();

    /* 上电复位 */
    LCD12864_RST_H(); SysTick_DelayMS(50);
    LCD12864_RST_L(); SysTick_DelayMS(50);
    LCD12864_RST_H(); SysTick_DelayMS(50);

    /* 数据线:D0~D7 */
    RCC_AHBPeriphClockCmd(RCC_AHBENR_GPIOB, ENABLE);

    GPIO_StructInit(&GPIO_InitStructure);
    GPIO_InitStructure.GPIO_Pin   = GPIO_Pin_0 | GPIO_Pin_1 | GPIO_Pin_2 |
                                    GPIO_Pin_3 | GPIO_Pin_4 | GPIO_Pin_5 |
                                    GPIO_Pin_6 | GPIO_Pin_7;
    GPIO_InitStructure.GPIO_Speed = GPIO_Speed_50MHz;
    GPIO_InitStructure.GPIO_Mode= GPIO_Mode_Out_PP;
    GPIO_Init(GPIOB, &GPIO_InitStructure);

    LCD12864_WriteCMD(0x30); /* 8位控制模式 */SysTick_DelayMS(100);

    LCD12864_WriteCMD(0x30); /* 8位控制模式 */
    LCD12864_WriteCMD(0x06); /* 输入点设定*/
    LCD12864_WriteCMD(0x01); /* 清除显示    */SysTick_DelayMS(3);
    LCD12864_WriteCMD(0x0C); /* 显示状态开*/
    LCD12864_WriteCMD(0x02); /* 地址归零    */

    LCD12864_DisplayDEMO();

    TASK_Append(TASK_ID_LCD12864, LCD12864_Handler, 1000);
}

综上显示效果图:

4、基于HJ12864J的lkdGui移植在实现了前3点代码功能的基础上,我们再来移植lkdGui就变得简单不少了,我们需要实现3个部分的操作:4.1.在lkdGuiConfig.h文件中实现对LCD液晶显示屏分辨率大小的设定,如下所示:/* LCD屏幕大小 */
#define GUI_LCM_XMAX      128
#define GUI_LCM_YMAX      64

4.2.在userFontPort.c文件中实现对自定义字库提取字模数据的功能,由于MM32F0140芯片内部FLASH空间大小的限制,在本例程中暂不支持全中文字符显示,仅仅用显示英文字符来举例。参考代码如下所示:lkdFont defaultFont;

static uint8_t GetDfontData(uint8_t code1, uint8_t code2,uint8_t *pBuff)
{
    /* 添加用户代码 */
    return 0;
}

static uint8_t GetSfontData(uint8_t code1, uint8_t *pBuff)
{
    /* 添加用户代码 */
    extern uint8_t GetFontASCII_6_12(uint8_t code1, uint8_t *pBuff);

    GetFontASCII_6_12(code1, pBuff);

    return 0;
}

void defaultFontInit(void)
{
    /* 根据字体要求做相应的修改 */

    /* 此buff的大小由最大字模大小决定 */
    static uint8_t dataBuff;

    defaultFont.name   = "汉字字模为12*12的GB2312,ASCII字模为12*6";
    defaultFont.dhigh    = 12;
    defaultFont.dwide    = 12;
    defaultFont.shigh    = 12;
    defaultFont.swide    = 6;
    defaultFont.pZmBuff= dataBuff;
    defaultFont.getDfont = GetDfontData;
    defaultFont.getSfont = GetSfontData;

    /* 设置为系统默认字体 */
    GuiFontSet(&defaultFont);
    GuiSetbackcolor(CWHITLE);
    GuiSetForecolor(CBLACK);
}

4.3.在lcdDriverPort文件中实现lkdGui API函数所依赖的LCD底层调用函数,在这些函数中根据实际功能需要进行实现。在我们这个示例程序中需要完成GuiUpdateDisplayAll和GuiDrawPoint这两个函数功能,参考代码如下所示:void GuiUpdateDisplayAll(void)
{
    /* 添加用户代码 */
    LCD12864_DisplayGDRAM();
}

void GuiRangeUpdateDisplay(lkdCoord beginx, lkdCoord beginy,lkdCoord endx, lkdCoord endy)
{
    /* 添加用户代码 */
}

void GuiDrawPoint(lkdCoord x, lkdCoord y, lkdColour color)
{
    /* 添加用户代码 */
    if(color) LCD12864_DrawPoint(x, y, 1);
    else      LCD12864_DrawPoint(x, y, 0);
}

voidGuiReadPoint(lkdCoord x, lkdCoord y, lkdColour *pColor)
{
      /* 添加用户代码 */
}

void CloseLcdDisplay(void)
{
    /* 添加用户代码 */
}

void OpenLcdDisplay(void)
{
    /* 添加用户代码 */
}


5、基于HJ12864J的lkdGui控件显示
5.1.基本图形lkdGui的基本图形包含了斜线、水平线、垂直线、水平点线、垂直点线、矩形、填充矩形。参考程序如下所示:void lkdGui_Demo1(void)
{
    /* 画点 */
    GuiPoint(5, 5, forecolor);

    /* 画斜线 */
    GuiBiasLine(10, 0, 20, 20, forecolor);
    GuiBiasLine(20, 0, 40, 20, forecolor);
    GuiBiasLine(30, 0, 60, 20, forecolor);
    GuiBiasLine(40, 0, 80, 20, forecolor);

    /* 画水平点线 */
    GuiHPointLine(90,5, 120, 2, forecolor);
    GuiHPointLine(90, 10, 120, 3, forecolor);
    GuiHPointLine(90, 15, 120, 4, forecolor);
    GuiHPointLine(90, 20, 120, 5, forecolor);

    /* 画水平线 */
    GuiHLine(0, 25, 127, forecolor);

    /* 画垂直点线 */
    GuiRPointLine(10, 30, 50, 2, forecolor);
    GuiRPointLine(20, 30, 50, 3, forecolor);
    GuiRPointLine(30, 30, 50, 4, forecolor);
    GuiRPointLine(40, 30, 50, 5, forecolor);

    /* 画垂直线 */
    GuiRLine(50, 30, 50, forecolor);

    /* 画矩形 */
    GuiRect(55, 30, 75, 50, forecolor);

    /* 画填充矩形 */
    GuiFillRect(80, 30, 120, 50, forecolor);

    /* 更新 */
    GuiUpdateDisplayAll();
    SysTick_DelayMS(1000);

    GuiClearScreen(0);
    GuiUpdateDisplayAll();
}
基本图形显示效果:
5.2.文本控件lkdGui文本控件可以显示单行文本,也可以显示多行文本;可以设置文本显示的起始坐标、宽高、字符间距、行间距、缩进显示,以及是否是反显示显示等参数。参考程序如下所示:void lkdGui_Demo2(void)
{
    uint8_t *textStr = (uint8_t *)("Hello World!");

    fontTextInfo textInfo;/* 定义文本信息结构 */

    /* -----------1--------------- */
    GuiRect(0, 0, 127, 16, forecolor);
    textInfo.x         = 2;   /* 文本起始坐标 */
    textInfo.y         = 3;
    textInfo.wide      = 156; /* 文本范围大小 */
    textInfo.high      = 16;
    textInfo.wInterval   = 0;   /* 字符间距 */
    textInfo.hInterval   = 2;   /* 行间距   */
    textInfo.flag      = 0;   /* 不反显   */
    textInfo.beginOffset = defaultFont.dwide * 2;   /* 开始偏移,首行缩进 */
    GuiText(&textInfo, textStr);

    /* -----------2--------------- */
    GuiFillRect(0, 20, 127, 36, forecolor);
    textInfo.x         = 2;   /* 文本起始坐标 */
    textInfo.y         = 23;
    textInfo.flag      = 1;   /* 反显 */
    textInfo.beginOffset = defaultFont.dwide * 2;   /* 开始偏移,首行缩进 */
    GuiText(&textInfo, textStr);

    /* -----------3---------------- */
    GuiRect(0, 40, 127, 56, forecolor);
    textInfo.x         = 2;   /* 文本起始坐标 */
    textInfo.y         = 43;
    textInfo.flag      = 1;   /* 反显 */
    textInfo.beginOffset = defaultFont.dwide * 2;   /* 开始偏移,首行缩进 */
    GuiText(&textInfo, textStr);

    /* 更新 */
    GuiUpdateDisplayAll();
    SysTick_DelayMS(1000);

    GuiClearScreen(0);
    GuiUpdateDisplayAll();
}

文本控件显示效果:
5.3.滚动条控件lkdGui滚动条支持水平滚动条和垂直滚动条这两种,可以设置滚动条的起始坐标、显示长度,以及平均把显示长度分成几等分等参数,参考程序如下所示:void lkdGui_Demo3(void)
{
    lkdScroll VScroll;
    lkdScroll HScroll;

    HScroll.x   = 0x00;
    HScroll.y   = 0x3C;
    HScroll.hight = 0x80;
    HScroll.max   = 0x0A;      

    for(uint8_t i = 0; i < HScroll.max; i++)
    {
      HScroll.lump = i;       /* 进度快控制 */
      GuiHScroll(&HScroll);   /* 水平进度条 */

      GuiUpdateDisplayAll();/* 更新进度条 */
      SysTick_DelayMS(0xFA);
    }

    GuiClearScreen(0);
    GuiUpdateDisplayAll();

    VScroll.x   = 0x7C;
    VScroll.y   = 0x00;
    VScroll.hight = 0x40;
    VScroll.max   = 0x0A;      

    for(uint8_t i = 0; i < VScroll.max; i++)
    {
      VScroll.lump = i;       /* 进度快控制 */
      GuiVScroll(&VScroll);   /* 垂直进度条 */

      GuiUpdateDisplayAll();/* 更新进度条 */
      SysTick_DelayMS(0xFA);
    }

    GuiClearScreen(0);
    GuiUpdateDisplayAll();
}
滚动条控件显示效果:
5.4.进度条控件lkdGui进度条控制当前仅支持水平方向的显示,可以设置进度条的起始坐标、宽度、高度,以及当前的进度百分比,可以结合文件控件显示当前的进度百分比数值,参考程序如下所示:void lkdGui_Demo4(void)
{
    lkdProgress tProGress;
    uint8_t ratioStr;

    tProGress.x   = 0;
    tProGress.y   = 10;
    tProGress.wide= 100;
    tProGress.high= defaultFont.dhigh;
    tProGress.ratio = 0;

    for(uint8_t i = 0; i <= 100; i+=5)
    {
      tProGress.ratio = i;    /* 进度控制 */
      GuiProGress(&tProGress);/* 画进度条 */

      sprintf((char *)ratioStr, "%d%%", tProGress.ratio);

      GuiFillRect(102, 11, 122, 22, backcolor);

      GuiRowText(102, 11, 24, FONT_RIGHT, ratioStr);

      GuiUpdateDisplayAll();/* 更新 */
      SysTick_DelayMS(0xFA);
      SysTick_DelayMS(0xFA);
    }

    GuiClearScreen(0);
    GuiUpdateDisplayAll();
}
进度条控件显示效果:
5.5.按钮控件lkdGui按钮控件支持按下和抬起两种按键效果,支持按键控件的起始坐标、宽度、高度、初始状态以及按键显示内容的参数设定,参考程序如下所示:void lkdGui_Demo5(void)
{
    lkdButton tButton;

    tButton.x    = 16;
    tButton.y    = 10;
    tButton.wide = defaultFont.dwide * 2 + 15;
    tButton.high = defaultFont.dhigh + 5;
    tButton.name = (uint8_t *)"OK";
    tButton.flag = 0;       /* 抬起状态 */
    GuiButton(&tButton);

    tButton.x    = 16;
    tButton.y    = 40;
    tButton.wide = defaultFont.dwide * 2 + 15;
    tButton.high = defaultFont.dhigh + 5;
    tButton.name = (uint8_t *)"RUN";
    tButton.flag = 0;       /* 抬起状态 */
    GuiButton(&tButton);

    tButton.x    = 73;
    tButton.y    = 40;
    tButton.wide = defaultFont.dwide * 2 + 15;
    tButton.high = defaultFont.dhigh + 5;
    tButton.name = (uint8_t *)"STOP";
    tButton.flag = 0;       /* 抬起状态 */
    GuiButton(&tButton);

    GuiUpdateDisplayAll();/* 更新显示 */
    SysTick_DelayMS(1000);

    for(uint8_t i = 0; i < 3; i++)
    {
      tButton.x    = 16;
      tButton.y    = 10;
      tButton.wide = defaultFont.dwide * 2 + 15;
      tButton.high = defaultFont.dhigh + 5;
      tButton.name = (uint8_t *)"CACLE";
      tButton.flag = 1;       /* 按下状态 */
      GuiButton(&tButton);

      GuiUpdateDisplayAll();
      SysTick_DelayMS(0xFA);
      SysTick_DelayMS(0xFA);

      tButton.x    = 16;
      tButton.y    = 10;
      tButton.wide = defaultFont.dwide * 2 + 15;
      tButton.high = defaultFont.dhigh + 5;
      tButton.name = (uint8_t *)"OK";
      tButton.flag = 0;       /* 抬起状态 */
      GuiButton(&tButton);

      GuiUpdateDisplayAll();
      SysTick_DelayMS(0xFA);
      SysTick_DelayMS(0xFA);
    }

    GuiClearScreen(0);
    GuiUpdateDisplayAll();
}
按钮控件显示效果:
5.6.图形控件lkdGui图形控件最大运行满屏显示效果,对于图形控件,可以指定显示坐标、宽度、高度、图片的数据源等参数后进行绘制;可以根据图片偏移坐标来实现图片的移动效果,支持图片在显示区域范围内上下左右的方向进行移动显示。参考程序如下所示:void lkdGui_Demo6(void)
{
    uint8_t lkdGuiImage1[] =
    {
      0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,
      0X00,0X00,0X00,0X00,0X07,0XC1,0XFF,0XE0,0X0F,0XC3,0XFF,0XE0,0X1F,0XC7,0XFF,0XE0,
      0X3F,0XCF,0XFF,0XE0,0X7F,0XDF,0XFF,0XE0,0XFF,0XDF,0XFB,0XFF,0XFF,0X9F,0XF1,0XFF,
      0XFF,0X1F,0XE0,0XFF,0XFE,0X1F,0XC0,0X7F,0XFC,0X1F,0X80,0X3F,0XF8,0X1F,0X00,0X3F,
      0XFC,0X01,0XF8,0X3F,0XFE,0X03,0XF8,0X7F,0XFF,0X07,0XF8,0XFF,0XFF,0X8F,0XF9,0XFF,
      0XFF,0XDF,0XFB,0XFF,0X07,0XFF,0XF7,0XFE,0X07,0XFF,0XE7,0XFC,0X07,0XFF,0XC7,0XF8,
      0X07,0XFF,0X87,0XF0,0X07,0XFF,0X07,0XE0,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,
      0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,
    };

    uint8_t lkdGuiImage2[] =
    {
      0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,
      0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0xE0,0x78,0x00,
      0x00,0x01,0xE0,0x01,0xFC,0x00,0x00,0x00,0x03,0x00,0x01,0xF0,0xFC,0x00,0x00,0x03,
      0xF0,0x0F,0xFF,0x00,0x00,0x00,0x07,0x80,0x03,0xF8,0xFC,0x00,0x00,0x03,0xF8,0x1F,
      0xFF,0x80,0x00,0x00,0x0F,0xC0,0x03,0xF9,0xEE,0x00,0x00,0x07,0xF8,0x3F,0xFF,0xC0,
      0x00,0x00,0x1C,0xE0,0x07,0x1D,0xCE,0x00,0x00,0x07,0x38,0x7C,0x01,0xE0,0x00,0x00,
      0x18,0x60,0x07,0x1D,0xCE,0x00,0x00,0x07,0x38,0xF0,0x00,0xF0,0x30,0x0C,0x1C,0xE0,
      0x07,0x1D,0xCE,0x1E,0x01,0xFF,0x3C,0xE1,0xFC,0x70,0x7C,0x1F,0x0F,0xC0,0x07,0x1D,
      0xCE,0x7F,0x03,0xFF,0x3C,0xE7,0xFF,0x70,0xFE,0x3F,0x87,0x80,0x07,0x1D,0xCE,0xFF,
      0x87,0xFF,0x3D,0xC7,0xFF,0xF0,0xEE,0x3B,0x8F,0xC0,0x07,0x1D,0xCF,0xE3,0x8F,0x03,
      0x3D,0xCF,0x00,0x01,0xC6,0x31,0x9C,0xE0,0x07,0x1D,0xCF,0xC7,0x9E,0x00,0x3D,0x8E,
      0x1F,0xF9,0xC6,0x31,0xDC,0xE0,0x07,0x1D,0xC7,0x0F,0x1C,0x7C,0x3D,0x8E,0x3F,0xFD,
      0xC6,0x31,0xDC,0xE0,0x07,0x1D,0xC0,0x1E,0x1C,0xFE,0x3D,0x8E,0x38,0x1D,0xC6,0x31,
      0xDC,0xE0,0x07,0x1D,0xC0,0x18,0x18,0xFE,0x3D,0x8E,0x30,0x0D,0xC6,0x31,0xDC,0xE0,
      0x07,0x1D,0xC0,0x1C,0x18,0xFE,0x3D,0xCE,0x3E,0x79,0xC6,0x31,0xDC,0xE0,0x07,0x1D,
      0xC3,0x0E,0x18,0xFE,0x3D,0xCF,0x3E,0x79,0xC6,0x71,0xDC,0xE0,0x07,0x1D,0xC7,0xC7,
      0x1C,0xFE,0x3D,0xC7,0xFE,0x71,0xC7,0xF1,0xDC,0xE0,0x07,0x1D,0xCF,0xC7,0x9C,0x7C,
      0x3C,0xE3,0xFC,0x71,0xC7,0xF1,0xDC,0xE0,0x07,0x1D,0xCF,0xE3,0xDC,0x00,0x38,0xF0,
      0xF0,0x71,0xE3,0xE3,0xDC,0xE0,0x07,0x1D,0xCE,0xF3,0xCF,0x00,0x38,0x78,0x00,0x70,
      0xE0,0x03,0x9C,0xE0,0x03,0x19,0xEC,0x7F,0xCF,0xFF,0xF8,0x7F,0xFE,0x70,0xFF,0xFF,
      0x9C,0xE0,0x03,0xF9,0xFC,0x3F,0x87,0xFF,0xF8,0x3F,0xFF,0xE0,0x7F,0xFF,0x9F,0xE0,
      0x03,0xF8,0xFC,0x1F,0x03,0xFF,0xF0,0x1F,0xFF,0xE0,0x3F,0xFF,0x8F,0xC0,0x01,0xF0,
      0x78,0x0E,0x00,0xFF,0xE0,0x07,0xFF,0xC0,0x0F,0xFF,0x07,0x80,0x00,0x00,0x00,0x00,
      0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,
      0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,
    };

    lkdBitmap tImage;

    tImage.beginx = 0;            /* 图像开始显示偏移 */
    tImage.beginy = 0;
    tImage.wide   = 32;             /* 图像本身的大小 */
    tImage.high   = 32;
    tImage.bitmap = lkdGuiImage1;   /* 图像 */
    GuiAreaBitMap(&tImage, 0+8, 0, 32+8, 32, 0);

    GuiUpdateDisplayAll();          /* 更新 */

    tImage.beginx = 0;            /* 图像开始显示偏移 */
    tImage.beginy = 0;
    tImage.wide   = 112;            /* 图像本身的大小 */
    tImage.high   = 28;
    tImage.bitmap = lkdGuiImage2;   /* 图像 */
    GuiAreaBitMap(&tImage, 8, 32, 120, 60, 0);

    GuiUpdateDisplayAll();          /* 更新 */
    SysTick_DelayMS(0xFA);

    for(uint8_t i = 0; i < 112; i++)
    {
      tImage.beginx = i;
      tImage.beginy = 0;

      GuiAreaBitMap(&tImage, 8, 32, 120, 60, 0);

      GuiUpdateDisplayAll();
      SysTick_DelayMS(0x32);
    }

    for(int16_t i = 112; i >= 0; i--)
    {
      tImage.beginx = i;
      tImage.beginy = 0;

      GuiAreaBitMap(&tImage, 8, 32, 120, 60, 0);

      GuiUpdateDisplayAll();
      SysTick_DelayMS(0x32);
    }

    for(uint8_t i = 0; i <= 28; i++)
    {
      tImage.beginx = 0;
      tImage.beginy = i;

      GuiAreaBitMap(&tImage, 8, 32, 120, 60, 0);

      GuiUpdateDisplayAll();
      SysTick_DelayMS(0x32);
    }

    for(int8_t i = 28; i >= 0; i--)
    {
      tImage.beginx = 0;
      tImage.beginy = i;

      GuiAreaBitMap(&tImage, 8, 32, 120, 60, 0);

      GuiUpdateDisplayAll();
      SysTick_DelayMS(0x32);
    }

    GuiClearScreen(0);
    GuiUpdateDisplayAll();
}
图形控件显示效果:
5.7.菜单窗口lkdGui是使用窗口进行统一管理和调度的,所以在while(1)循环中需要调用GuiWinDisplay窗口高度函数;在系统上电的时候通过调用GuiWinInit函数来初始化窗口的相关资源,随后通过GuiWinAdd函数来添加窗口、通过GuiGetTopWin函数来获取当前显示的窗口、以及通过调用GuiWinDeleteTop函数来实现将当前的窗口对象从窗口调度中移除等操作;我们结合菜单的实例来进行功能演示,参考程序如下所示:lkdWin TestWIN, MainWIN;

uint32_t GetIntervalTick(uint32_t Tick)
{
    if(SysTick_Tick > Tick)
    {
      return (SysTick_Tick - Tick);
    }
    else
    {
      return (SysTick_Tick + (UINT32_MAX - Tick));
    }
}

void TestWIN_CallBack(void)
{
    /* 窗口内容具体代码实现 */
    static uint8_t   State = 0;
    static uint32_t    Test_Tick;
    static lkdProgress Progress;

    if(State == 0)
    {
      State = 1;

      Progress.x   = 9;
      Progress.y   = 15;
      Progress.ratio = 0;
      Progress.wide= 109;
      Progress.high= 10;
    }

    if(State == 1)
    {
      State = 2;

      GuiProGress(&Progress);
      GuiUpdateDisplayAll();

      Test_Tick = SysTick_Tick;
    }

    if(State == 2)
    {
      if(GetIntervalTick(Test_Tick) > 1000)
      {
            State = 1;

            Progress.ratio += 5;

            if(Progress.ratio > 100)
            {
                State = 3;
            }
      }
    }

    if(State == 3)
    {
      State = 0;

      /* 删除当前窗口 */
      GuiWinDeleteTop();

      GuiUpdateDisplayAll();
    }
}

void MainWIN_Callback(void)
{
    /* 窗口内容具体代码实现 */
    static uint8_tState = 0;
    static uint32_t Main_Tick;

    if(State == 0)
    {
      State = 1;
    }

    if(State == 1)
    {
      State = 2;

      GuiRowText(0, 0, 128, FONT_MID, (uint8_t *)"MAIN");
      GuiUpdateDisplayAll();

      Main_Tick = SysTick_Tick;
    }

    if(State == 2)
    {
      if(GetIntervalTick(Main_Tick) > 5000)
      {
            State = 0;

            /* 创建窗口 */
            TestWIN.x   = 0;
            TestWIN.y   = 0;
            TestWIN.hight = 128;
            TestWIN.wide= 128;
            TestWIN.title = NULL;
            TestWIN.WindowFunction = (void *)TestWIN_CallBack;

            /* 添加窗口 */
            GuiWinAdd(&TestWIN);
      }
    }
}

void lkdGui_Demo7(void)
{
    /* 1. 定义一个菜单项 */
    #define MENUSTACK_NUM 8

    MenuStack userMenuStack;

    /* 2. 定义二级菜单 */
    lkdMenuNode Node3_3 = {6, (uint8_t *)"no1-3", NULL,   NULL,   NULL};
    lkdMenuNode Node2_2 = {5, (uint8_t *)"no1-2", &Node3_3, NULL,   NULL};
    lkdMenuNode Node1_1 = {4, (uint8_t *)"no1-1", &Node2_2, NULL,   NULL};

    /* 3. 定义一级菜单 */
    lkdMenuNode Node3   = {3, (uint8_t *)"no3",   NULL,   NULL,   NULL};
    lkdMenuNode Node2   = {2, (uint8_t *)"no2",   &Node3,   NULL,   NULL};
    lkdMenuNode Node1   = {1, (uint8_t *)"no1",   &Node2,   &Node1_1, NULL};

    /* 3. 定义根菜单 */
    lkdMenuNode NodeRoot0 = {0, (uint8_t *)"root",NULL,   &Node1,   NULL};

    /* 初始化根节点 */
    lkdMenu root =
    {
      .x         = 0,
      .y         = 0,
      .wide      = 128,
      .hight   = 64,
      .ItemsWide = 48,
      .Itemshigh = 15,
      .index   = 1,   /* 默认选中节点 */
      .stackNum= MENUSTACK_NUM,
      .stack   = userMenuStack,
      .Root      = &NodeRoot0
    };

    /* 初始化菜单 */
    GuiMenuInit(&root);

    /* 展开当前选中节点 */
    GuiMenuCurrentNodeSonUnfold(&root);

    GuiUpdateDisplayAll();/* 更新显示 */
    SysTick_DelayMS(0xFA);
    SysTick_DelayMS(0xFA);

    GuiMenuCurrentNodeSonUnfold(&root);

    GuiUpdateDisplayAll();/* 更新显示 */
    SysTick_DelayMS(0xFA);
    SysTick_DelayMS(0xFA);

    /* 选中下移 */
    GuiMenuItemDownMove(&root);

    GuiUpdateDisplayAll();/* 更新显示 */
    SysTick_DelayMS(1000);

    GuiClearScreen(0);

    /* 创建窗口 */
    MainWIN.x   = 0;
    MainWIN.y   = 0;
    MainWIN.hight = 128;
    MainWIN.wide= 128;
    MainWIN.title = NULL;
    MainWIN.WindowFunction = (void *)MainWIN_Callback;

    /* 添加窗口 */
      GuiWinAdd(&MainWIN);
}
菜单窗口显示效果:

附件:HJ12864J带汉字液晶显示模块说明书:软件工程源代码:字模提取的工具:

www5911839 发表于 2022-4-19 12:16

太赞了,要搞块MM32的评估板实操起来啦

xld0932 发表于 2022-4-19 12:52

www5911839 发表于 2022-4-19 12:16
太赞了,要搞块MM32的评估板实操起来啦

看我这个系列帖的第一篇,在附件中有Gerber文件的,可以直接在嘉立创上下单,打个PCB样板;自己做一块,就可以玩起来了哈……

www5911839 发表于 2022-4-19 16:25

ok, 谢谢

ysf 发表于 2022-4-19 16:45

原来这类带字库的LCD,是不能在汉字后写8*16数字。这个问题困扰了我好久。发现写8*16字数,它也总是要占用16*16,一直以为是程序问题

xld0932 发表于 2022-4-19 17:09

ysf 发表于 2022-4-19 16:45
原来这类带字库的LCD,是不能在汉字后写8*16数字。这个问题困扰了我好久。发现写8*16字数,它也总是要占用1 ...

希望这篇**可以给你提供些参考哦

tpgf 发表于 2022-5-3 16:51

这个移植很不错啊

aoyi 发表于 2022-5-3 16:58

这是哪块评估板啊

nawu 发表于 2022-5-3 17:14

这个动态显示的很好啊

zljiu 发表于 2022-5-3 18:02

这种动态更新的怎么做呢

gwsan 发表于 2022-5-3 18:05

请问如何把控字库的大小呢

tfqi 发表于 2022-5-3 18:19

手头资源一定要利用起来才能学到东西啊

xld0932 发表于 2022-5-3 21:58

tfqi 发表于 2022-5-3 18:19
手头资源一定要利用起来才能学到东西啊

xld0932 发表于 2022-5-4 21:46

gwsan 发表于 2022-5-3 18:05
请问如何把控字库的大小呢

如果是LCD自带字库的,这个大小点阵是相对固定的;对字库的实现方式有很多呀,比如你自己通过PC软件取模,生成点阵数据;又或者是专门的字库芯片,这类的芯片支持的大小、字体样式、以及多语种都有丰富的选择性。

xld0932 发表于 2022-5-4 21:47

zljiu 发表于 2022-5-3 18:02
这种动态更新的怎么做呢

下载附件软件源码工程,看代码中是怎么实现的哦

xld0932 发表于 2022-5-4 21:49

aoyi 发表于 2022-5-3 16:58
这是哪块评估板啊

这个是自己制作的板子,你可以看这个系列的第一篇,附件中有GERBER文件,你可以直接打板哦

kiwis66 发表于 2022-5-12 20:35

很不错啊

xld0932 发表于 2022-5-12 21:02

kiwis66 发表于 2022-5-12 20:35
很不错啊

yangxiaor520 发表于 2022-5-13 08:34

现在用12864液晶的很少了吧

kiwis66 发表于 2022-5-14 14:21

yangxiaor520 发表于 2022-5-13 08:34
现在用12864液晶的很少了吧

上学的时候用过,留了一块一直到现在
页: [1] 2 3 4
查看完整版本: 【MM32+模块】系列:09、LCD12864显示驱动及lkdGui移植与演示