目录
自定义控件之键盘教程：
一张图+一个Box+一个TextArea带你DIY不一样的数字键盘
1、实验环境
1.1 软件环境
Touchgfx 15.0 visual studio 2019
1.2 硬件环境
无
2、实验目标
本次实验的目的是模拟自定义键盘控件在页面中的打开与关闭；关于如何制定键盘，菜哥在以往的文章中有提到过，而且还有视频教程；有需要的小伙伴请自己补习功课哈！下面我们进入正题。
这次实验我们主要用到了信号的传递与监测；主要是由自定义控件给页面发信号要关闭键盘控件。
3、实验过程
首先我们创建一个名为keyboard的键盘自定义控件，这里菜哥就简略的用一个按钮来代替了；如下图所示：
下面我们为keyboard添加一个信号，就是一个发送给screenview关闭键盘的信号，而这个信号我们由图中的close按钮进行触发；具体设置如下图所示：
因为关闭键盘不需要传递参数，所以type这里不用填写；接下来我们设置监听close按钮的点击事件;这个点击事件还是在自定义控件keyboard里面进行设定哦！具体设置如下图所示：
按照上面的设置后，我们就可以在screenvew中调用我们的键盘控件啦！同时还要设定监听自定义控件keyboard发送给来的信号；
下面我们来设计screenview的页面，我们只需要添加一个按钮用来打开键盘，然后再把我们自定义的键盘控件添加进来，并且将其设置为不可显示的类型；具体操作如下图所示：
为open按钮设定监听事件，以及绑定显示键盘的操作;，具体操作如下图所示：
经过上面的设置，键盘已经能够通过open按钮打开，下面来实现关闭键盘的操作；首先我们来理一下关闭键盘这个操作的工作流程；第一步：点击自定义控件中的close按钮，通过close按钮设定的Action是去发送一个关闭键盘的信号，然后我们在screenview中监听这个信号，监听到了我们就执行关闭键盘的操作；整个流程还是比较简单的；下面我们在设计器中添加监听自定义控件传来的关闭键盘的信号；具体设置如下图所示：
第一个红框：信号源，就是你要监测的信号，就和按钮的点击事件是一样的；第二个红框：是要执行的动作，也就是捕捉到了这个信号，你要做什么，这里我们是想要关闭键盘，所以选择hide widget这个动作； 第三个红框：也就是你要影藏的控件,这里选择我们自定义的keyboard1即可；好啦，设置完成了，接下来你就会看到你可以通过open按钮打开键盘，通过自定义控件中的close按钮关闭键盘；实验最终的效果如下所示：
touchgfx实现自定义键盘控件的打开与关闭
4、实验总结
其实这里主要的难点就在于理解这个触发信号，与监听信号这里；其他的都没啥难度哈！看完之后是不是觉得一行代码都不用写就能搞定了呢！嘻嘻，大家在看的过程中觉得哪里有讲的不对的地方，欢迎大家在评论区留言。最后还是那句老话：博主是一个又菜又爱玩的人！（看完记得点赞哈！）
966
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
