中国优质的IT技术网站
专业IT技术创作平台
IT职业在线教育平台
点击评论会先弹出来系统键盘,然后点击表情就过渡到自定义表情键盘。
微信扫码分享
// xxx.ets @Entry @Component struct TextInputExample { controller: TextInputController = new TextInputController() @State inputValue: string = "" @State show:boolean = false // 自定义键盘组件 @Builder CustomKeyboardBuilder() { Column() { Button('x').onClick(() => { // 关闭自定义键盘 this.controller.stopEditing() this.show = !this.show }) 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() { TextInput({ controller: this.controller, text: this.inputValue }) // 绑定自定义键盘 .customKeyboard(this.show?this.CustomKeyboardBuilder(): undefined).margin(10).border({ width: 1 }).height('48vp') Button("qiehuan") .onClick(() =>{ this.show = !this.show }) } } }