HarmonyOS UI组件在线预览,程序员直呼“不要太方便~”

2022-03-10 00:00:00 开发者 组件 在线 按钮 预览

一、介绍

以往大家如果想查看组件的使用效果,需要打开DevEco Studio构建工程。现在为了便于大家高效开发,文档上线了JS UI组件在线预览功能,无需本地构建工程,在线即可修改组件样式等参数、一键预览编译效果。程序员直呼:简直不要太方便啦!让我们通过下面这段视频看一下效果~

看完视频,你是不是也跃跃欲试?心动不如行动,复制下方链接,赶紧用起来吧~
JS API参考文档(以Button组件为例):
https://developer.harmonyos.com/cn/docs/documentation/doc-references/js-components-basic-button-0000000000621726#section1853220587610

二、组件功能和开发步骤

目前我们已经上线了5个组件的在线预览功能,分别为Button、List、Input、Image和Dialog。其中Input、Image和Dialog是近日上线的组件。接下来我们将以Button组件为例,为大家介绍组件的功能和开发步骤。


注:因篇幅有限,此处不再赘述其他组件,大家可自行前往官网查阅(末尾有组件链接哦~)。


1. Button

(1)功能介绍:


Button是按钮组件,用来响应用户的点击操作,类型包括胶囊按钮、圆形按钮、文本按钮、弧形按钮和下载按钮。开发者们可以在按钮上绑定事件来响应点击操作后的自定义行为。


在线预览效果(图1):
https://developer.harmonyos.com/cn/docs/documentation/doc-references/js-components-basic-button-0000000000621726#section1853220587610

图1 Button在线预览示例图

相关文章