鸿蒙小案例-自定义键盘_鸿蒙开发自定义键盘

一个自定义键盘
效果
完成简单的26键中英文输入

使用：

@Entry
@Component
struct IndexInput {
  @State text: string = ''
  inputController: TextInputController = new TextInputController()

  //自定义键盘关闭事件
  hideClick(){
    this.inputController.stopEditing()
  }
  //自定义键盘组件
  @Builder
  shurufa(){
    inputting({text: this.text,hideClick:()=>{this.hideClick()}})
  }
  build() {
    Row() {
      TextArea({ text: this.text, controller: this.inputController })
        .customKeyboard(this.shurufa(),{supportAvoidance:true})//supportAvoidance 是否避让
    }.width('100%')
    .height('100%')
    .justifyContent(FlexAlign.Center).alignItems(VerticalAlign.Center)
  }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

一个简单的词库，模拟器上使用够了

因代码内包含词库，太大，所以以资源形式下载