如何实现自定义的软键盘

有时需要把软键盘嵌入到窗口内部(比如计算器和密码输入等)，这时可以使用自定义软键盘。

一、编辑器设置input_type为”custom”(它会禁止内置的软键盘)。

  1. <edit x="c" y="10" w="90%" h="30" focus="true" input_type="custom" text="" />

如果希望初始化时编辑器自动获的焦点，可以设置focus为true。

二、软键盘的按钮放入一个view(任何容器控件均可)中，并将view的is_keyboard设置为true。

  1.   <view y="60" x="c" w="90%" h="-60" is_keyboard="true" 
  2.     children_layout="default(r=4,c=4,m=5,s=5)" >
  3.     <button name="key" text="0" />
  4.     <button name="key" text="1" />
  5.     <button name="key" text="2" />
  6.     <button name="key" text="3" />
  7.     <button name="key" text="4" />
  8.     <button name="key" text="5" />
  9.     <button name="key" text="6" />
  10.     <button name="key" text="7" />
  11.     <button name="key" text="8" />
  12.     <button name="key" text="9" />
  13.     <button name="key" text="#" />
  14.     <button name="backspace" text="<=" />
  15.   </view>

三、处理按钮事件

1.处理正常按键

  1. static ret_t on_send_key(void* ctx, event_t* e) {
  2.   widget_t* button = WIDGET(e->target);
  3.   char text[2];
  4.   text[0] = (char)button->text.str[0];
  5.   text[1] = '\0';
  7.   input_method_commit_text(input_method(), text);
  9.   return RET_OK;
  10. }

2.处理删除键

  1. static ret_t on_backspace(void* ctx, event_t* e) {
  2.   input_method_dispatch_key(input_method(), TK_KEY_BACKSPACE);
  4.   return RET_OK;
  5. }

如果你不希望出现编辑器的光标，可以使用label控件代替edit控件，输入和删除时直接操作label的text。

参考：