// 切換大寫字母鍵盤
this.curKeyboardType = EKeyboardType.UPPERCASE;
this.items = upperCaseKeyData;
} else {
// 切換小寫字母鍵盤
this.curKeyboardType = EKeyboardType.LOWERCASE;
this.items = lowerCaseKeyData;
}
break;
// 切換特殊字符鍵盤
case EKeyType.SPECIAL:
if (this.curKeyboardType !== EKeyboardType.SPECIAL) {
this.curKeyboardType = EKeyboardType.SPECIAL;
this.items = specialKeyData;
}
break;
default:
console.log(Sorry, we are out of input type.);
}
}

/**

• 自定義鍵盤組件Builder
  */
  @Builder
  customKeyboardBuilder() {
  CustomKeyboard({
  items: this.items,
  inputValue: this.inputValue,
  curKeyboardType: this.curKeyboardType,
  onKeyboardEvent: this.onKeyboardEvent,
  controller: this.controller
  })
  }

build() {
Column() {
Row()
.height($r(“app.integer.row_height”))

Image($r("app.media.avatar")).width($r(“app.integer.avatar_weight”))
.height($r(“app.integer.avatar_height”))
.objectFit(ImageFit.Fill)

Text($r("app.string.accoun{t}_{n}ame")).fontSize($r(“app.integer.text_font_size”))
.margin({ top: $r(“app.integer.common_margin_padding”) })

TextInput({
text: this.inputValue,
placeholder: KaTeX parse error: Expected 'EOF', got '}' at position 58: …h(huán)is.controller }?)// 綁定自定義鍵盤 .ty…r(“app.integer.text_input_height”))
.border(null)
.margin({ top: $r(“app.integer.common_margin_padding”) })

Button($r("app.string.logi{n}_{b}utto{n}_{l}abel")).type(ButtonType.Capsule).fontSize($r(“app.integer.login_button_font_size”))
.width($r("app.integer.logi{n}_{b}utto{n}_{w}idth")).height($r(“app.integer.login_button_height”))
.margin({ top: $r(“app.integer.login_button_margin”) })
.backgroundColor(Color.Pink)
.onClick(() => {
this.controller.stopEditing();
})

}
.width($r("app.string.on{e}_{h}undre{d}_{p}ercent")).height($r(“app.string.one_hundred_percent”))
.padding($r(“app.integer.common_margin_padding”))
}
}

高性能知識點

不涉及

工程結(jié)構(gòu)&模塊類型

customsafekeyboard // har類型
|—components // 自定義組件
| —CustomKeyboard.ets
|—model // 模型層
| —Constants // 定義常量數(shù)據(jù)
|—CustomSafeKeyboardView.ets // 主頁面

模塊依賴

1. 依賴common模塊來實現(xiàn)日志的打印
2. 依賴路由模塊，供entry模塊實現(xiàn)路由導(dǎo)航

最后：

有很多小伙伴不知道學(xué)習(xí)哪些鴻蒙開發(fā)技術(shù)？不知道需要重點掌握哪些鴻蒙應(yīng)用開發(fā)知識點？而且學(xué)習(xí)時頻繁踩坑，最終浪費大量時間。所以有一份實用的鴻蒙（HarmonyOS NEXT）資料用來跟著學(xué)習(xí)是非常有必要的。

這份鴻蒙（HarmonyOS NEXT）資料包含了鴻蒙開發(fā)必掌握的核心知識要點，內(nèi)容包含了（**ArkTS、ArkUI開發(fā)組件、Stage模型、多端部署、分布式應(yīng)用開發(fā)、音頻、視頻、WebGL、OpenHarmony****多媒體技術(shù)、Napi組件、OpenHarmony內(nèi)核、Harmony南向開發(fā)、鴻蒙項目實戰(zhàn)等等）鴻蒙（HarmonyOS NEXT）**技術(shù)知識點。

希望這一份鴻蒙學(xué)習(xí)資料能夠給大家?guī)韼椭?，有需要的小伙伴自行領(lǐng)取，限時開源，先到先得~無套路領(lǐng)?。。?/strong>