Emwin点击Edit弹出数字键盘，输入到Edit并按下确认更新到Text显示

1. 第一步，先打开emwin的GUIBuilder，分别创建两个页面，第一个是数字键盘页面。

第二个页面包含一个Window窗口、4个Text和两个Edit 一个Button

2. 生成代码后添加到PC的工程上去

我的自己创建了一个Text文件夹，里面有这两个文件

这两个文件名字如下

我在工程里面创建了对应的组名来区分

添加进去

3. 添加代码

这俩个名字是一样的

void MainTask(void)
{GUI_Init();        //GUI初始化    GUI_UC_SetEncodeUTF8();Createmoni();//自定义的名称，可以修改while (1){GUI_Delay(200);}
}

然后运行模拟，第一个页面就做好了

4. 合并两个页面

一共有四个东西 1. 定义控件 2 创建控件函数 3.回调函数 4.包涵这个三个东西的函数，在最末尾，我也不知道叫啥函数
1.定义控件

/第一个界面控件定义
#define ID_WINDOW_0        (GUI_ID_USER + 0x20)
#define ID_BUTTON_0        (GUI_ID_USER + 0x21)
#define ID_EDIT_0        (GUI_ID_USER + 0x22)
#define ID_EDIT_1        (GUI_ID_USER + 0x23)
#define ID_TEXT_0        (GUI_ID_USER + 0x24)
#define ID_TEXT_1        (GUI_ID_USER + 0x25)
#define ID_TEXT_2        (GUI_ID_USER + 0x26)
#define ID_TEXT_3        (GUI_ID_USER + 0x27)
/数字键盘控件定义
#define ID_FRAMEWIN_50      (GUI_ID_USER + 0x01)
#define ID_EDIT_50          (GUI_ID_USER + 0x02)
#define ID_BUTTON_50        (GUI_ID_USER + 0x03)
#define ID_BUTTON_51        (GUI_ID_USER + 0x04)
#define ID_BUTTON_52        (GUI_ID_USER + 0x05)
#define ID_BUTTON_53        (GUI_ID_USER + 0x06)
#define ID_BUTTON_54        (GUI_ID_USER + 0x07)
#define ID_BUTTON_55        (GUI_ID_USER + 0x08)
#define ID_BUTTON_56        (GUI_ID_USER + 0x09)
#define ID_BUTTON_57        (GUI_ID_USER + 0x0A)
#define ID_BUTTON_58        (GUI_ID_USER + 0x0B)
#define ID_BUTTON_59        (GUI_ID_USER + 0x0C)
#define ID_BUTTON_5A        (GUI_ID_USER + 0x0D)
#define ID_BUTTON_5B        (GUI_ID_USER + 0x0E)
#define ID_BUTTON_5C        (GUI_ID_USER + 0x0F)

2.创建控件函数

static const GUI_WIDGET_CREATE_INFO _aDialogCreate[] = {{ WINDOW_CreateIndirect, "moni", ID_WINDOW_0, 0, 0, 800, 480, 0, 0x0, 0 },{ BUTTON_CreateIndirect, "确认", ID_BUTTON_0, 38, 359, 129, 85, 0, 0x0, 0 },{ EDIT_CreateIndirect, "Edit1", ID_EDIT_0, 315, 62, 115, 50, 0, 0x64, 0 },{ EDIT_CreateIndirect, "Edit2", ID_EDIT_1, 315, 141, 120, 50, 0, 0x64, 0 },{ TEXT_CreateIndirect, "窗口1", ID_TEXT_0, 140, 60, 110, 40, 0, 0x64, 0 },{ TEXT_CreateIndirect, "窗口2", ID_TEXT_1, 140, 140, 80, 40, 0, 0x64, 0 },{ TEXT_CreateIndirect, "已灌装", ID_TEXT_2, 4, 60, 100, 40, 0, 0x64, 0 },{ TEXT_CreateIndirect, "总瓶数", ID_TEXT_3, 5, 140, 100, 40, 0, 0x64, 0 },// USER START (Optionally insert additional widgets)// USER END
};
static const GUI_WIDGET_CREATE_INFO _aDialogCreate5[] = {{ FRAMEWIN_CreateIndirect, "number", ID_FRAMEWIN_50, 400, 50, 350, 405, 0, 0x64, 0 },{ EDIT_CreateIndirect, "Edit", ID_EDIT_50, 5, 5, 141, 40, 0, 0x64, 0 },{ BUTTON_CreateIndirect, "0", ID_BUTTON_50, 134, 298, 80, 65, 0, 0x0, 0 },{ BUTTON_CreateIndirect, "1", ID_BUTTON_51, 20, 60, 80, 65, 0, 0x0, 0 },{ BUTTON_CreateIndirect, "2", ID_BUTTON_52, 130, 60, 80, 65, 0, 0x0, 0 },{ BUTTON_CreateIndirect, "3", ID_BUTTON_53, 240, 60, 80, 65, 0, 0x0, 0 },{ BUTTON_CreateIndirect, "4", ID_BUTTON_54, 20, 140, 80, 65, 0, 0x0, 0 },{ BUTTON_CreateIndirect, "5", ID_BUTTON_55, 130, 140, 80, 65, 0, 0x0, 0 },{ BUTTON_CreateIndirect, "6", ID_BUTTON_56, 240, 140, 78, 65, 0, 0x0, 0 },{ BUTTON_CreateIndirect, "7", ID_BUTTON_57, 20, 220, 80, 65, 0, 0x0, 0 },{ BUTTON_CreateIndirect, "8", ID_BUTTON_58, 130, 220, 80, 65, 0, 0x0, 0 },{ BUTTON_CreateIndirect, "9", ID_BUTTON_59, 240, 220, 80, 65, 0, 0x0, 0 },{ BUTTON_CreateIndirect, "ESC", ID_BUTTON_5A, 20, 300, 80, 65, 0, 0x0, 0 },{ BUTTON_CreateIndirect, "Delete", ID_BUTTON_5B, 240, 300, 80, 65, 0, 0x0, 0 },{ BUTTON_CreateIndirect, "OK", ID_BUTTON_5C, 160, 5, 160, 43, 0, 0x0, 0 },// USER START (Optionally insert additional widgets)// USER END
};

3…回调函数太多了就不贴了，截图也没截完整4.

到这里就把两个界面的东西都丢到一起了，当然不丢到一起也是可以的

5. 点击对应控件有对应动作

接下来想让他点击Edit后弹出数字键盘
1.先定义一些东西


WM_HWIN layer[2];//两个界面
WM_HWIN hItem_slave;//点击总瓶数Edit和灌装量Edit的句柄
WM_HWIN EDIT_botttle;//总瓶数Edit控件输入框句柄
WM_HWIN EDIT_capacity;//灌装量Edit控件输入框句柄WM_HWIN hItem_bottle;//总瓶数Text控件句柄
WM_HWIN hItem_capacity;//灌装量Text控件句柄char Edit_buff[10];//数字键盘储存字符串
char bottle_buff[10];//储存瓶子总数的字符串
char capacity_buff[10];//储存设定流量的字符串extern void Write_edit(char * buff);//写入瓶数Edit和流量Edit
extern void Write_Bottletext(char * buff);//更新显示界面的设定瓶子数量
extern void Write_Capacitytext(char * buff);//更新显示界面的设定灌装流量
extern void change(char* to);static void _cbDialog5(WM_MESSAGE * pMsg);//数字键盘
static void _cbDialog(WM_MESSAGE * pMsg);//另一个页面#define Edit_SetText(Edit_buff)  EDIT_SetText(WM_GetDialogItem(pMsg->hWin, ID_EDIT_50), Edit_buff) ;//这个Edit是数字键盘上的Edit关键作用，后面把数值写入两个Edit就靠它了
/在Main Task做这些处理void MainTask(void)
{GUI_Init();        //GUI初始化    GUI_UC_SetEncodeUTF8();//Createmoni();//自定义的名称，可以修改layer[1] = Createnumber();layer[0] = Createmoni();WM_HideWindow(layer[1]);//隐藏数字键盘while (1){    GUI_Delay(200);}
}

然后去 WM_NOTIFY_PARENT:这里对EDit处理，当Edit被点击时，弹出数字键盘，同时弹出数字键盘后，点击数字键盘上的ESC和OK可以隐藏（结束）数字键盘

2.点击Edti弹出数字键盘处理

    case ID_EDIT_0: // Notifications sent by 'Edit1'switch(NCode) {case WM_NOTIFICATION_CLICKED:hItem_slave = WM_GetDialogItem(pMsg->hWin, ID_EDIT_0);//先点击的EDit1 返回它的句柄GUI_CreateDialogBox(_aDialogCreate5, GUI_COUNTOF(_aDialogCreate5), _cbDialog5, WM_HBKWIN, 0, 0);弹出数字键盘// USER START (Optionally insert code for reacting on notification message)// USER ENDbreak;case WM_NOTIFICATION_RELEASED:// USER START (Optionally insert code for reacting on notification message)// USER ENDbreak;case WM_NOTIFICATION_VALUE_CHANGED:// USER START (Optionally insert code for reacting on notification message)// USER ENDbreak;// USER START (Optionally insert additional code for further notification handling)// USER END}break;case ID_EDIT_1: // Notifications sent by 'Edit2'switch(NCode) {case WM_NOTIFICATION_CLICKED:hItem_slave = WM_GetDialogItem(pMsg->hWin, ID_EDIT_1);//先点击的EDit2 返回它的句柄GUI_CreateDialogBox(_aDialogCreate5, GUI_COUNTOF(_aDialogCreate5), _cbDialog5, WM_HBKWIN, 0, 0);弹出数字键盘// USER START (Optionally insert code for reacting on notification message)// USER ENDbreak;case WM_NOTIFICATION_RELEASED:// USER START (Optionally insert code for reacting on notification message)// USER ENDbreak;case WM_NOTIFICATION_VALUE_CHANGED:// USER START (Optionally insert code for reacting on notification message)// USER ENDbreak;// USER START (Optionally insert additional code for further notification handling)// USER END}break;// USER START (Optionally insert additional code for further Ids)// USER END}break;

3.点击数字键盘上的ESC和OK可以隐藏（结束）数字键盘

，然后运行，就可以弹出和关闭数字键盘了
4.按下数字键盘上的0-9 数字键盘上的Edti框会显示出来
处理如下
先把按键禁止聚焦

 WM_HWIN hItem;WM_HWIN Numbpad;//数字键盘的句柄int     NCode;int     Id;int     i;unsigned short int buff_length = 0;static U8 back = 0;static U16 setting_ml = 300;//默认灌装容量，单位mlNumbpad = pMsg->hWin;switch (pMsg->MsgId) {case WM_INIT_DIALOG:for (i = 0xE1; i <= 0xEF; i++) {hItem = WM_GetDialogItem(Numbpad, GUI_ID_USER + i);BUTTON_SetFocussable(hItem, 0);/* 设置所有按钮不对焦 */// BUTTON_SetFont(hItem, GUI_FONT_24_1);}WM_GetDialogItem(Numbpad, GUI_ID_USER + 0XEB);

然后对0-9按键点击做一下处理

     case ID_BUTTON_50: // Notifications sent by '0'switch (NCode) {case WM_NOTIFICATION_CLICKED://控件被点击if (strlen(Edit_buff) < 4)//就是最多只能输入4个0strcat(Edit_buff, "0");//按下0的时候把“0”这个字符串放到Edit_buff字符串数组里面Edit_SetText(Edit_buff);//同时更新键盘上Edit的值// USER ENDbreak;case WM_NOTIFICATION_RELEASED://控件被释放// USER ENDbreak;// USER START (Optionally insert additional code for further notification handling)// USER END}break;case ID_BUTTON_51: // Notifications sent by '1'switch (NCode) {case WM_NOTIFICATION_CLICKED:if (strlen(Edit_buff) < 4)strcat(Edit_buff, "1");Edit_SetText(Edit_buff);// USER ENDbreak;case WM_NOTIFICATION_RELEASED:// USER ENDbreak;// USER START (Optionally insert additional code for further notification handling)// USER END}break;

我的控件ID_BUTTON_50 到ID_BUTTON_59分别就是0-9
0-9的处理基本一样，Delete、 ESC、 OK稍有不同
ESC是结束数字键盘

     case ID_BUTTON_5A: // Notifications sent by 'ESC'switch (NCode) {case WM_NOTIFICATION_CLICKED:GUI_EndDialog(pMsg->hWin, 0);//结束当前窗口// USER ENDbreak;case WM_NOTIFICATION_RELEASED:// USER ENDbreak;// USER START (Optionally insert additional code for further notification handling)// USER END}break;

Delete是减掉一个字符

     case ID_BUTTON_5B: // Notifications sent by 'Delete'switch (NCode) {case WM_NOTIFICATION_CLICKED:if (strlen(Edit_buff)> 0){buff_length = strlen(Edit_buff);Edit_buff[buff_length - 1] = '\0';Edit_SetText(Edit_buff);}// USER ENDbreak;case WM_NOTIFICATION_RELEASED:// USER ENDbreak;// USER START (Optionally insert additional code for further notification handling)// USER END}break;

接下来是OK的处理

     case ID_BUTTON_5C: // Notifications sent by 'OK'switch (NCode) {case WM_NOTIFICATION_CLICKED:Write_edit(Edit_buff);               //把数字键盘上的数值写入到Edit上 memset(Edit_buff, '\0', sizeof Edit_buff);//用来对一段内存空间全部设置为某个字符，一般用在对定义的字符串进行初始化为‘ ’或‘\0’EDIT_SetText(WM_GetDialogItem(pMsg->hWin, ID_EDIT_50), "");//把数字键盘的Edit设为空白//WM_HideWindow(layer[5]);GUI_EndDialog(pMsg->hWin, 0);//结束数字小键盘// USER ENDbreak;case WM_NOTIFICATION_RELEASED:// USER ENDbreak;// USER START (Optionally insert additional code for further notification handling)// USER END}break;// USER START (Optionally insert additional code for further Ids)// USER END}break;

ESC

     case ID_BUTTON_5A: // Notifications sent by 'ESC'switch (NCode) {case WM_NOTIFICATION_CLICKED:GUI_EndDialog(pMsg->hWin, 0);//结束当前窗口// USER ENDbreak;case WM_NOTIFICATION_RELEASED:// USER ENDbreak;// USER START (Optionally insert additional code for further notification handling)// USER END}break;

然后在OK里面有一个Write_edit(Edit_buff);
这个函数作用就是把在数字键盘的Edit里面的字符先赋值给一个数组，然后再同时更新到Edit
代码在这

void Write_edit(char * edit_buff)
{if (Edit_buff[0] != '\0')edit_buff = Edit_buff;if (EDIT_botttle == hItem_slave){strcpy(bottle_buff, Edit_buff);//如果点击了总瓶数Edit框，则把Eidt的值赋值给bottle_buff数组}else if (EDIT_capacity == hItem_slave){strcpy(capacity_buff, Edit_buff);如果点击了灌装量Edit框，则把Eidt的值赋值给capacity_buff数组}EDIT_SetText(hItem_slave, edit_buff);//把数字键盘的值更新到当前点击的Edit框
}

里面有个hItem_slave，在你点击哪一个Edit的时候，那就获取该Edit的句柄，这里就判断你先按下的哪一个句柄，这个在后面的更新显示到Text很重要
到这里的话，基本就可以实现点击Edit1 弹出数字键盘，按下数字，点击ok，数字更新到Edit1

6.接下来就是按下确认键后，更新到TEXE

    case ID_BUTTON_0: // Notifications sent by '确认'switch(NCode) {case WM_NOTIFICATION_CLICKED:Write_Bottletext(bottle_buff);Write_Capacitytext(capacity_buff);// USER START (Optionally insert code for reacting on notification message)// USER ENDbreak;case WM_NOTIFICATION_RELEASED:// USER START (Optionally insert code for reacting on notification message)// USER ENDbreak;// USER START (Optionally insert additional code for further notification handling)// USER END}break;

这两个Write_Bottletext(bottle_buff);
Write_Capacitytext(capacity_buff);
我已经在按下确认键的时候Edit1和Edit2 的值就已经在bottle_buff、capacity_buff中已经储存好了
函数原型

void Write_Bottletext(char * Bottle_buff)//把bottle_buff数组的里字符串更新到Text上显示出来，显示设定总瓶数
{if (bottle_buff[0] != '\0')Bottle_buff = bottle_buff;//programmax = atoi(bottle_buff);//把bottle_buff数组的里字符串转换成int数值并在//bottle_value = programmax;TEXT_SetText(hItem_bottle, Bottle_buff);}void Write_Capacitytext(char * Capacity_buff)//把capacity_buff数组里的字符串更新到Text上显示出来，显示灌装容量
{if (capacity_buff[0] != '\0')Capacity_buff = capacity_buff;//capacity1 = atoi(Capacity_buff);//把capacity_buff数组里的字符串转换成int数值并曲线显示TEXT_SetText(hItem_capacity, Capacity_buff);
}

效果显示

传送门：链接：https://pan.baidu.com/s/1rKlkxc2lgYLEwH_ZB53RQw
提取码：1998

https://github.com/Cheng0717/Emwinnumbpad

3.Emwin点击Edit弹出数字键盘，输入到Edit并按下确认更新到Text显示（完整）相关推荐

android EditText 弹出数字键盘
android EditText 弹出数字键盘在xml中添加属性 android:digits="1234567890." 设置输入类型 txtBarCode.setInputT ...
android仿微信、QQ等聊天界面，实现点击输入框弹出软键盘、点击其他区域收起软键盘，默认滑动至最低端
如图所示,点击输入框及选择图片和发送按钮时软键盘显示且不消失,点击其他区域,则隐藏软键盘. 主要代码如下: override fun dispatchTouchEvent(ev: MotionEven ...
js 手机上input表单点击不弹出软键盘,jq禁用手机键盘
场景:有一个input或textarea输入表单,点击后会弹出键盘,影响体验. 但有时我们不需要弹出,而是点击另一个按钮后,自动输入文字到input中,.自动点击提交.方法是先disabled = t ...
移动端 -- 点击输入框默认弹出数字键盘
应用场景:手机号.银行卡号等 <input type='tel' pattern='\d*' />
Android webview里面的输入框点击不弹出软键盘锁屏再解锁重新获取焦点之后就可以了
webview中的输入框有时候会调不起软键盘根据不同情况原因有几个有的是因为自定义webview的构造函数传参数有问题有的是焦点问题我这里面遇到的就是焦点问题由于web页面的 ...
Android EditText优先弹出数字输入法
Android中EditText优先弹出数字输入法当一个EditText使用数字的频率很高,比如用来输入手机号等等,但是有时候可能也需要使用到输入英文和汉字的需求.这个时候,我们默认当EditTex ...
点击文字弹出一个DIV层窗口代码
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <hea ...
Js实现点击超链接弹出层，效果仿Discuz登录！
主要应用到的是dispaly:none 和 dispaly:block;来控制实现的: <a id="link" href="#" onclick=&qu ...
机器性能这么好，为什么点击右键弹出菜单还这么慢？
为什么80%的码农都做不了架构师?>>> 我想很多人估计遇到过这样的问题,一开始估计会怀疑是系统问题或者是有什么硬件瓶颈. 其实不然, 在与一位同事交流后发现,其实问题的原因很 ...

3.Emwin点击Edit弹出数字键盘，输入到Edit并按下确认更新到Text显示（完整）