簡(jiǎn)介

HarmonyOS在明年將正式不再兼容Android原生功能，這意味著對(duì)于客戶端的小伙伴不得不開(kāi)始學(xué)習(xí)HarmonyOS開(kāi)發(fā)語(yǔ)言。本篇文章主要介紹鴻蒙中的Button使用。

HarmonyOS中的Button相較于Android原生來(lái)說(shuō)，功能比較豐富，擴(kuò)展性高，減少了開(kāi)發(fā)者的代碼數(shù)量，簡(jiǎn)化了使用方式。不僅可以自定義圓角還支持三種樣式。

常用屬性

構(gòu)造函數(shù)

Button(options?: {type?: ButtonType, stateEffect?: boolean})

按鈕類型

1. 普通類型

Button("我是普通類型按鈕",{type:Normal}).onClick(()= >{
        promptAction.showToast({message:"我被點(diǎn)擊了"})
      })

2. 膠囊類型

Button("我是膠囊類型按鈕",{type:Capsule}).onClick(()= >{
        promptAction.showToast({message:"我被點(diǎn)擊了"})
      })

3. 圓形類型

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繪制能力，為開(kāi)發(fā)者準(zhǔn)備了很多便捷的屬性功能，本文僅僅展示其冰山一角，更好豐富好玩的實(shí)現(xiàn)，需要?jiǎng)邮謱?shí)現(xiàn)，還不會(huì)的小伙伴快動(dòng)手試試吧！

審核編輯 黃宇