簡(jiǎn)介
HarmonyOS在明年將正式不再兼容Android原生功能，這意味著對(duì)于客戶端的小伙伴不得不開始學(xué)習(xí)HarmonyOS開發(fā)語(yǔ)言。本篇文章主要介紹鴻蒙中的Button使用。 HarmonyOS中的Button相較于Android原生來(lái)說(shuō)，功能比較豐富，擴(kuò)展性高，減少了開發(fā)者的代碼數(shù)量，簡(jiǎn)化了使用方式。不僅可以自定義圓角還支持三種樣式。
常用屬性
| 名稱 | 參數(shù)類型 | 描述 |
|---|---|---|
| type | ButtonType | 設(shè)置按鈕樣式- Capsule：膠囊型按鈕（圓角默認(rèn)為高度的一半）。 |
- Circle：圓形按鈕。
- Normal：普通按鈕（默認(rèn)不帶圓角）。
| backgroundColor | ResourceColor | 背景色 |
|---|---|---|
| fontSize | number | 文字大小 |
| fontWeight | FontWeight | 設(shè)置字體粗細(xì) |
| stateEffect | boolean | 是否開啟點(diǎn)擊效果 |
構(gòu)造函數(shù)
Button(options?: {type?: ButtonType, stateEffect?: boolean})
按鈕類型
- 普通類型
Button("我是普通類型按鈕",{type:Normal}).onClick(()=>{
promptAction.showToast({message:"我被點(diǎn)擊了"})
})
- 膠囊類型
Button("我是膠囊類型按鈕",{type:Capsule}).onClick(()=>{
promptAction.showToast({message:"我被點(diǎn)擊了"})
})
- 圓形類型
Button("我是圓形類型按鈕",{type:Capsule}).onClick(()=>{
promptAction.showToast({message:"我被點(diǎn)擊了"})
})
擴(kuò)展功能
HarmonyOS提供的Button不僅支持普通類型，膠囊類型，圓形類型三種樣式，還支持自定義樣式，擴(kuò)展能力更強(qiáng)，更簡(jiǎn)單。
下面實(shí)現(xiàn)一個(gè)帶圖片和文字的Button的效果，如果使用Android原生來(lái)實(shí)現(xiàn)，一般使用布局控件包裹Image和Text來(lái)實(shí)現(xiàn)，在鴻蒙系統(tǒng)中，可以直接使用Button來(lái)實(shí)現(xiàn)。
代碼如下：
Button(){
Row(){
Image($r("app.media.app_icon")).width(30).height(30)
Text("我是自定義Button")
}.padding(10)
}
實(shí)現(xiàn)效果如下：
總結(jié)
HarmonyOS系統(tǒng)提供了強(qiáng)大的UI繪制能力，為開發(fā)者準(zhǔn)備了很多便捷的屬性功能，本文僅僅展示其冰山一角，更好豐富好玩的實(shí)現(xiàn)，需要?jiǎng)邮謱?shí)現(xiàn)。
