HarmonyOS 自定义键盘需要监听系统事件,完成收回键盘操作

全局事件,基本收回键盘的操作都会用到。

HarmonyOS
9h前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
fox280
@Entry
@Component
struct TextInputExample {
  controller: TextInputController = new TextInputController()
  @State inputValue: string = ""

  // 自定义键盘组件
  @Builder
  CustomKeyboardBuilder() {
    Column() {
      Button('x').onClick(() => {
        // 关闭自定义键盘
        this.controller.stopEditing()
      })
      Grid() {
        ForEach([1, 2, 3, 4, 5, 6, 7, 8, 9, '*', 0, '#'], (item: number | string) => {
          GridItem() {
            Button(item + "")
              .width(110).onClick(() => {
              this.inputValue += item
            })
          }
        })
      }.maxCount(3).columnsGap(10).rowsGap(10).padding(5)
    }.backgroundColor(Color.Gray)
  }

  build() {
    Column() {
      Text('1221213213')
        .height('20%')
        .backgroundColor(Color.Green)
      TextArea()
        .height('20%')
        .backgroundColor(Color.Orange)
      TextInput({ controller: this.controller, text: this.inputValue })// 绑定自定义键盘
        .customKeyboard(this.CustomKeyboardBuilder()).margin(10).border({ width: 1 }).height('48vp')
      Column()
        .width('100%')
        .height('70%')
        .backgroundColor(Color.Grey)
    }.height('100%')
    .width('100%')
    .onClick(() => {
      this.controller.stopEditing()
    })
    .backgroundColor(Color.Pink)
  }
}
分享
微博
QQ
微信
回复
6h前
相关问题
HarmonyOS 如何监听键盘弹出收回
402浏览 • 1回复 待解决
HarmonyOS 自定义键盘
238浏览 • 1回复 待解决
HarmonyOS TextInput自定义键盘
405浏览 • 1回复 待解决
HarmonyOS 键盘事件监听问题
604浏览 • 1回复 待解决
HarmonyOS TextInput自定义键盘问题
582浏览 • 1回复 待解决
小程序示例自定义键盘
281浏览 • 1回复 待解决
HarmonyOS 键盘顶部添加自定义组件
293浏览 • 1回复 待解决
HarmonyOS 数字自定义键盘如何实现
307浏览 • 1回复 待解决
HarmonyOS TextInput绑定自定义键盘问题
542浏览 • 1回复 待解决
HarmonyOS 自定义键盘防录屏方案
0浏览 • 0回复 待解决
HarmonyOS WebView使用自定义键盘问题
16浏览 • 1回复 待解决
HarmonyOS 自定义键盘不能顶起输入框
350浏览 • 1回复 待解决