HarmonyOS 自定义键盘和系统键盘如何切换

点击评论会先弹出来系统键盘,然后点击表情就过渡到自定义表情键盘。

HarmonyOS
2024-09-25 11:12:04
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
FengTianYa
// 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  
        })  
    }  
  
  }  
}
分享
微博
QQ
微信
回复
2024-09-25 18:14:33
相关问题
HarmonyOS 自定义键盘
165浏览 • 1回复 待解决
HarmonyOS TextInput自定义键盘
277浏览 • 1回复 待解决
HarmonyOS 数字自定义键盘如何实现
223浏览 • 1回复 待解决
HarmonyOS TextInput自定义键盘问题
422浏览 • 1回复 待解决
小程序示例自定义键盘
127浏览 • 1回复 待解决
HarmonyOS TextInput绑定自定义键盘问题
411浏览 • 1回复 待解决
HarmonyOS 键盘顶部添加自定义组件
213浏览 • 1回复 待解决
HarmonyOS 自定义键盘不能顶起输入框
239浏览 • 1回复 待解决
基于自定义键盘设置光标位置
369浏览 • 1回复 待解决