原创 触摸屏数字键盘的实现方法

2020-12-2 16:42 8783 49 9 分类: MCU/ 嵌入式

基本思路是使用一个图片,定义图片上各个按键的相对位置以及文本框的相对位置。定义键盘的尺寸

当需要显示键盘时,将图片画出来。

当触屏按下时,计算按下的位置,进行相应操作。

所有按键的尺寸一致,定义按键结构,包含左上相对位置,定义数字框,包含上下左右相对位置。

定义所有键值枚举类型

typedef enum { kc,k1,k2,k3,k4,k5,k6,k7,k8,k9,k0,kd,ko} Keyval;

定义一个四边型尺寸结构,长宽数据可以计算得到。这个结构用于定义边框,数字框,按键的外形尺寸。

typedef{

uint16_t left;

uint16_t top;

uint16_t right;

uint16_t down;

}stRectPosTypeDef;


定义外边框尺寸数据,这些数据需要与按键图片对应,且使用相对位置。

const stRectPosTypeDef stKeyBoardFrame = {0,0,417,171};

定义数字框尺寸数据

const stRectPosTypeDef stDigitalBox = {7,6,71,54}; 

定义单个按键的尺寸信息及键值

typedef{

stRectPos keypos;

Keyval key;

}stKeyTypeDef; 


定义实体按键数量及实体按键信息,所有参数都是像素相对值

#define TOTLEKEY 13

const stKeyTypeDef stDigitalKey[TOTLEKEY]={

  {{347,5,411,53},kc},

  {{5,62,69,110},k1},

  {{73,62,137,110},k2},

  {{142,62,206,110},k3},

  {{210,62,274,110},k4},

  {{279,62,343,110},k5},

  {{5,117,69,165},k6},

  {{73,117,137,165},k7},

  {{142,117,206,165},k8},

  {{210,117,274,165},k9},

  {{279,117,343,165},k0},

  {{347,62,411,110},kd},

  {{347,117,411,165},ko}

};


    使用一个字符串保存键入的数值。返回时使用文本到数值的转换,当调用KeyScan函数时,首先在合适位置,画出键盘的图片。然后等待触摸动作,当得到触摸值后,顺序使用RangeCheck检查触摸值是否在按键的范围里。遍历各个按键位置,一旦为直,即进入UpdataDigital,依据键值,改变用于保存数值的字符串。当检测到为回车时,返回数据值。

 

float KeyScan(uint16_t lcdx,uint16_t lcdy,stKeyBoardTypeDef *pkb){

    uint16_t Ax,Ay;

    uint8_t i,tempstr[20];

    float fltemp;

    stRectPosTypeDef hpos;   

    fltemp = 0;

    tempstr[0] = '\0';

      GUI_DrawBitmap(pkb->pbmp,lcdx,lcdy);

      GUI_SetBkColor(GUI_BLACK);

      GUI_SetColor(GUI_WHITE);

      GUI_ClearRect(lcdx+pkb->pdigitalbox->left,lcdy+pkb->pdigitalbox->top,lcdx+pkb->pdigitalbox->right,lcdy+pkb->pdigitalbox->down);

      GUI_SetFont(pkb->pfont);

      // wait for key

      for(;;){

       GetTp(&Ax,&Ay);   // 获取TP的触摸信息

       ConvertTp(&Ax,&Ay);

       Ax -= lcdx;

       Ay -= lcdy;

       for(i = 0;itotlekey;i++){

         hpos.down = pkb->pkey.keypos.down;

         hpos.top = pkb->pkey.keypos.top;

         hpos.left = pkb->pkey.keypos.left;

         hpos.right = pkb->pkey.keypos.right;

         if(RangeCheck(Ax,Ay,&hpos))  // 检查是否在范围内

           break;

       }

       if(i < pkb->totlekey){   // 检测到按键位置

         if(pkb->pkey.key == ko){

           if(strlen(tempstr) != 0){

             fltemp = atof(tempstr);

             return fltemp;

           }          

         }

         if((tempstr[0]=='0')&&(tempstr[1]=='\0'))

           tempstr[0]='\0';

         UpdataDigital(tempstr,pkb->pkey.key);

         GUI_ClearRect(lcdx+pkb->pdigitalbox->left,lcdy+pkb->pdigitalbox->top,lcdx+pkb->pdigitalbox->right,lcdy+pkb->pdigitalbox->down);

         GUI_DispStringAt(tempstr,lcdx + pkb->pdigitalbox->right - GUI_GetStringDistX(tempstr),

                          lcdy + (pkb->pdigitalbox->top + pkb->pdigitalbox->down )/2 - GUI_GetFontSizeY()/2);

       }

      }

}

 

/*以字符串表示的数据,依据输入按键改变*/

void UpdataDigital(uint8_t *pstr,KeyvalTypeDef key){

  uint16_t temp;

  if(key == ko)

    return;

  if(key == kc){

    pstr[0]='\0';

    return;

  }

  if(key == kd){

    if(strchr(pstr,'.')!=NULL)

      return;

    else{

      if(pstr[0]=='\0')

        strcpy(pstr,"0.");

      else

        strcat(pstr,".");

    }

    return;

  } 

  switch(key){

  case k1:

    strcat(pstr,"1");

    break;

  case k2:

    strcat(pstr,"2");

    break;

  case k3:

    strcat(pstr,"3");

    break;

  case k4:

    strcat(pstr,"4");

    break;

  case k5:

    strcat(pstr,"5");

    break;

  case k6:

    strcat(pstr,"6");

    break;

  case k7:

    strcat(pstr,"7");

    break;

  case k8:

    strcat(pstr,"8");

    break;

  case k9:

    strcat(pstr,"9");

    break;

  case k0:

    if((pstr[0]=='0')&&(pstr[1]=='\0'))

      break;

    else{

      strcat(pstr,"0");

      break;

    }

  default:

    break;

  } 

}


程序初始化GUI 后,在需要改变数值的地方,调用KeyScan,就能获得键入的数据。 



作者: southcreek, 来源:面包板社区

链接: https://mbb.eet-china.com/blog/uid-me-408807.html

版权声明:本文为博主原创,未经本人允许,禁止转载!

PARTNER CONTENT

文章评论1条评论)

登录后参与讨论

curton 2020-12-4 16:38

这个好玩








欢迎点击


论坛> >机器人/工业电子> >工业电子与自动化


https://mbb.eet-china.com/forum/topic/84380_1_1.html
相关推荐阅读
southcreek 2026-01-05 15:32
以太网变压器收发互换极性互换
以太网变压器的连接方法。PHY芯片的驱动TX+ TX- RX+ RX- 按图连接到以太网变压器,变压器隔离后连接到RJ-45 的 1 2 3 6 线上。连接后发现在电路板上变压器两边的线路刚好是拧着...
southcreek 2025-11-06 11:44
使用 DWT(数据观测点和跟踪单元)测量程序运行耗时
       DWT 是 ARM Cortex-M4 内核自带的硬件单元,可通过CYCCNT寄存器(32 位计数器)统计 CPU 时钟周期数,精度达1个CPU时...
southcreek 2025-10-31 17:19
多并LED液晶背光的驱动方法研究
一个4寸480*800 的液晶屏使用了一个8并的LED作为背光,手册上单灯的电流为20mA,总计160mA,导通压降为3V。需要注意如果背光超出许可电流点亮,时间长了会因为LED光衰变暗。最终无法显...
southcreek 2025-09-28 17:34
24V供电电路中踩坑
一个使用24V 供电的设备,里面需要使用PMOS管做开关,另外需要一个能充5串锂电池的充电器。设计中不慎连踩两坑,特发文纪念。电源切换电路原电路使用SI4953 双PMOS背靠背连接,作为电池供电开关...
southcreek 2025-08-07 10:17
AT32F403A BOOT0 功能异常的解决
AT32F403A  虽然使用的M4 的核,但可以兼容 Sxx32F103 使用,也就是说可以将cube生成的103程序烧到403a上直接运行。 最近一块板子使用AT32F403A 的板子...
southcreek 2025-05-07 15:06
二位半 5线数码管的驱动方法
二位半 5线数码管的驱动方法这个2位半的7段数码管只用5个管脚驱动。如果用常规的7段+共阳/阴则需要用10个管脚。如果把每个段看成独立的灯。5个管脚来点亮,任选其中一个作为COM端时,另外4条线可以单...
我要评论
1
49
关闭 站长推荐上一条 /1 下一条