HarmonyOS 基础组件:Button 三种类型的使用

简介

HarmonyOS 在明年将正式不再兼容 Android 原生功能，这意味着对于客户端的小伙伴不得不开始学习 HarmonyOS 开发语言。本篇文章主要介绍鸿蒙中的 Button 使用。

HarmonyOS 中的 Button 相较于 Android 原生来说，功能比较丰富，扩展性高，减少了开发者的代码数量，简化了使用方式。不仅可以自定义圆角还支持三种样式。

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

复制代码

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

复制代码

  Button("我是胶囊类型按鈕",{type:Capsule}).onClick(()=>{        promptAction.showToast({message:"我被点击了"})      })

复制代码

  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 绘制能力，为开发者准备了很多便捷的属性功能，本文仅仅展示其冰山一角，更好丰富好玩的实现，需要动手实现，还不会的小伙伴快动手试试吧！

发布于: 刚刚阅读数: 5

关注

还未添加个人签名 2021-04-29 加入

还未添加个人简介

发布

暂无评论