簡介

HarmonyOS在明年將正式不再兼容Android原生功能，這意味著對于客戶端的小伙伴不得不開始學習HarmonyOS開發語言。本篇文章主要介紹鴻蒙中的Button使用。

HarmonyOS中的Button相較于Android原生來說，功能比較豐富，擴展性高，減少了開發者的代碼數量，簡化了使用方式。不僅可以自定義圓角還支持三種樣式。

常用屬性

構造函數

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

按鈕類型

1. 普通類型

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

2. 膠囊類型

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

3. 圓形類型

Button("我是圓形類型按鈕",{type:Capsule}).onClick(()= >{
        promptAction.showToast({message:"我被點擊了"})
      })

擴展功能

HarmonyOS提供的Button不僅支持普通類型，膠囊類型，圓形類型三種樣式，還支持自定義樣式，擴展能力更強，更簡單。

下面實現一個帶圖片和文字的Button的效果，如果使用Android原生來實現，一般使用布局控件包裹Image和Text來實現，在鴻蒙系統中，可以直接使用Button來實現。

代碼如下：

Button(){
        Row(){
          Image($r("app.media.app_icon")).width(30).height(30)
          Text("我是自定義Button")
        }.padding(10)
      }

實現效果如下：

總結

HarmonyOS系統提供了強大的UI繪制能力，為開發者準備了很多便捷的屬性功能，本文僅僅展示其冰山一角，更好豐富好玩的實現，需要動手實現，還不會的小伙伴快動手試試吧！

審核編輯 黃宇