智慧屏和智能穿戴开发基础组件:button

本文档详细介绍了智慧屏和智能穿戴设备开发中基础的按钮组件,包括各种类型的按钮如胶囊、圆形、文本和弧形按钮,以及它们的权限需求、属性设置、事件响应、样式调整和方法调用。特别地,当type设定为特定值时,按钮的样式和功能会有所变化,例如type='download'时,按钮支持特定的方法操作。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

提供按钮组件,包括胶囊按钮、圆形按钮、文本按钮、弧形按钮、下载按钮。

支持设备

表1 组件的设备支持情况

智慧屏

智能穿戴

支持

支持

权限列表

ohos.permission.INTERNET(如果icon使用云端路径)

子组件

不支持。

属性

名称

类型

默认值

必填

描述

type

string

-

不支持动态修改。如果该属性缺省,展示类胶囊型按钮,不同于胶囊类型,四边圆角可以通过border-radius分别指定,如果需要设置该属性,则可选值包括如下:

  • capsule:胶囊型按钮,带圆角按钮,有背景色和文本;
  • circle:圆形按钮,支持放置图标;
  • text:文本按钮,仅包含文本显示;
  • arc:弧形按钮,仅支持智能穿戴;
  • download:下载按钮,额外增加下载进度条功能,仅支持智慧屏。

value

string

-

button的文本值,circle类型不生效。

icon

string

-

button的图标路径,仅circle类型生效,图标格式为jpg,png和svg。

waiting

boolean

false

waiting状态,waiting为true时展现等待中转圈效果,位于文本左侧。类型为download时不生效,不支持智能穿戴。

id

string

-

组件的唯一标识。

style

string

-

组件的样式声明。

class

string

-

组件的样式类,用于引用样式表。

ref

string

-

用来指定指向子元素或子组件的引用信息,该引用将注册到父组件的$refs 属性对象上。

disabled

boolean

false

当前组件是否被禁用,在禁用场景下,组件将无法响应用户交互。

focusable

boolean

false

当前组件是否可以获取焦点。 当focusable设置为true时,组件可以响应焦点事件和按键事件。

data

string

-

给当前组件设置data属性,进行相应的数据存储和读取。

事件

名称

参数

描述

touchstart

TouchEvent

手指刚触摸屏幕时触发该事件。

touchmove

TouchEvent

手指触摸屏幕后移动时触发该事件。

touchcancel

TouchEvent

手指触摸屏幕中动作被打断时触发该事件。

touchend

TouchEvent

手指触摸结束离开屏幕时触发该事件。

click

-

点击动作触发该事件。

longpress

-

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值