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

2020-12-2 16:42 7591 37 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

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

文章评论1条评论)

登录后参与讨论

curton 2020-12-4 16:38

这个好玩








欢迎点击


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


https://mbb.eet-china.com/forum/topic/84380_1_1.html
相关推荐阅读
southcreek 2024-07-08 11:38
接地不良导致的故障分析
这个电路的控制板需要连接显示板和识别板。5V 供电和串行控制连到显示板,显示板再连接到识别板。识别板上电位器使用一个LDO供电,将输入的5V转成3.3V。当电位器滑动时,输出电压在0~3.3V之间。...
southcreek 2024-06-26 09:15
【EMC整改】带辅助加热的滴速控制器辐射抗扰整改
这个滴速式的输液泵使用一个红外线发射和接收装置,当有液滴通过时,会扰动检测信号,识别这个扰动检测到液滴滴下,获得滴壶中的液滴速度,调整阀门大小,实现输液速度控制。控制器还配备一根加热条,用于输液时对药...
southcreek 2024-06-06 08:52
QT 使用QSettings 操作ini文件配合表格操作
这个项目可以演示 使用QSetting 读取或写入 ini文件。并使用tablewidget 显示。Ini文件的格式如下,这个文件可以事先编写。也可以在程序中生成。有一个大类,下面有一个小类使用等号设...
southcreek 2024-05-27 16:18
差分输入ADC的单端到差分转换器驱动设计
单端信号需要转换成差分信号,以便使用ADC进行转换。这个就所谓的ADC驱动电路。需要的结果为Vp = Vcm + Vi/2Vn = Vcm – Vi/2这样 Vp – Vn = Vi使用简单的加法器和...
southcreek 2024-05-10 15:12
QT 使用 customplot实现绘图
从customPlot 官网下载需要的源文件。将qcustomplot类中的源文件加入到工程里。在工程文件中增加greaterThan(QT_MAJOR_VERSION, 4): QT += widg...
southcreek 2024-04-19 12:15
步进电机运动控制
这个项目使用步进电机高速启停并换向。需要在尽可能短时间完成相应的圈数。常用的线性加速启停的时候有很大的噪声。需要做一点运动控制。达到加速度变化连续的效果。7段加减速控制策略分t1~t7 7个阶段,A...
我要评论
1
37
关闭 站长推荐上一条 /2 下一条