Radio是單選框組件,通常用于提供相應的用戶交互選擇項,同一組的Radio中只有一個可以被選中。具體用法請參考 Radio 。
創建單選框
Radio通過調用接口來創建,接口調用形式如下:
Radio(options: {value: string, group: string})
其中,value是單選框的名稱,group是單選框的所屬群組名稱。checked屬性可以設置單選框的狀態,狀態分別為false和true,設置為true時表示單選框被選中。
Radio支持設置選中狀態和非選中狀態的樣式,不支持自定義形狀。
Radio({ value: 'Radio1', group: 'radioGroup' }).checked(false)
Radio({ value: 'Radio2', group: 'radioGroup' }).checked(true)
添加事件
除支持 通用事件 外,Radio還用于選中后觸發某些操作,可以綁定onChange事件來響應選中操作后的自定義行為。
Radio({ value: 'Radio1', group: 'radioGroup' }).onChange((isChecked: boolean) => {if(isChecked) {//需要執行的操作}})Radio({ value: 'Radio2', group: 'radioGroup' }).onChange((isChecked: boolean) => {if(isChecked) {//需要執行的操作}})
場景示例
通過點擊Radio切換聲音模式。
// xxx.ets
import promptAction from '@ohos.promptAction';
@Entry
@Component
struct RadioExample {@State Rst:promptAction.ShowToastOptions = {'message': 'Ringing mode.'}@State Vst:promptAction.ShowToastOptions = {'message': 'Vibration mode.'}@State Sst:promptAction.ShowToastOptions = {'message': 'Silent mode.'}build() {Row() {Column() {Radio({ value: 'Radio1', group: 'radioGroup' }).checked(true).height(50).width(50).onChange((isChecked: boolean) => {if(isChecked) {// 切換為響鈴模式promptAction.showToast(this.Rst)}})Text('Ringing')}Column() {Radio({ value: 'Radio2', group: 'radioGroup' }).height(50).width(50).onChange((isChecked: boolean) => {if(isChecked) {// 切換為振動模式promptAction.showToast(this.Vst)}})Text('Vibration')}Column() {Radio({ value: 'Radio3', group: 'radioGroup' }).height(50).width(50).onChange((isChecked: boolean) => {if(isChecked) {// 切換為靜音模式promptAction.showToast(this.Sst)}})Text('Silent')}}.height('100%').width('100%').justifyContent(FlexAlign.Center)}
}
鴻蒙全棧開發全新學習指南
為了積極培養鴻蒙生態人才,讓大家都能學習到鴻蒙開發最新的技術,針對一些在職人員、0基礎小白、應屆生/計算機專業、鴻蒙愛好者等人群,整理了一套純血版鴻蒙(HarmonyOS Next)全棧開發技術的學習路線【包含了大廠APP實戰項目開發】。
本路線共分為四個階段:
第一階段:鴻蒙初中級開發必備技能
第二階段:鴻蒙南北雙向高工技能基礎:gitee.com/MNxiaona/733GH
第三階段:應用開發中高級就業技術
第四階段:全網首發-工業級南向設備開發就業技術:gitee.com/MNxiaona/733GH
《鴻蒙 (Harmony OS)開發學習手冊》(共計892頁)
如何快速入門?
1.基本概念
2.構建第一個ArkTS應用
3.……
開發基礎知識:gitee.com/MNxiaona/733GH
1.應用基礎知識
2.配置文件
3.應用數據管理
4.應用安全管理
5.應用隱私保護
6.三方應用調用管控機制
7.資源分類與訪問
8.學習ArkTS語言
9.……
基于ArkTS 開發
1.Ability開發
2.UI開發
3.公共事件與通知
4.窗口管理
5.媒體
6.安全
7.網絡與鏈接
8.電話服務
9.數據管理
10.后臺任務(Background Task)管理
11.設備管理
12.設備使用信息統計
13.DFX
14.國際化開發
15.折疊屏系列
16.……
鴻蒙開發面試真題(含參考答案):gitee.com/MNxiaona/733GH
鴻蒙入門教學視頻:
美團APP實戰開發教學:gitee.com/MNxiaona/733GH
寫在最后
- 如果你覺得這篇內容對你還蠻有幫助,我想邀請你幫我三個小忙:
- 點贊,轉發,有你們的 『點贊和評論』,才是我創造的動力。
- 關注小編,同時可以期待后續文章ing🚀,不定期分享原創知識。
- 想要獲取更多完整鴻蒙最新學習資源,請移步前往小編:
gitee.com/MNxiaona/733GH