智慧屏和智能穿戴开发:组件方法

HarmonyOS应用开发文档更新修改说明:组件方法补充示例代码和示例效果图,方便开发者掌握组件方法的使用方式

当组件通过id属性标识后,可以使用该id获取组件对象并调用相关组件方法。

名称

参数

必填

默认值

描述

focus

Object

格式为:{ focus: true | false }

{ focus: true }

组件请求或者取消焦点。focus为true时,表示请求焦点,focus为false时,表示取消焦点,该方法参数可缺省,缺省时默认请求焦点。

说明

支持focusable属性的组件支持该方法。

rotation

Object

格式为:{ focus: true | false }

{ focus: true }

组件请求或者取消旋转表冠焦点。focus设置为true时,表示请求表冠事件焦点,focus设置为false时,表示取消表冠事件焦点,该方法参数可缺省,缺省时默认请求旋转表冠焦点。

说明

仅有组件picker-view、list、slider、swiper支持该方法。

animate

  • Object: keyframes,用于描述动画关键帧参数
  • Object: options,用于描述动画参数

-

在组件上创建和运行动画的快捷方式。输入动画所需的keyframes和options,返回animation对象实例。

this.$element('id').focus(Object)

支持focusable属性的组件均支持focus方法。

  • 示例
this.$element('id').focus();

this.$element('id').rotation(Object)

仅有组件picker-view、list、slider、swiper支持rotation方法。

  • 示例
this.$element('id').rotation();

this.$element('id').animate(Object, Object)

通过animate(keyframes, options)方法获得animation对象。该对象支持动画属性,动画方法和动画事件。重复多次调用animate方法时,采用replace策略,最后一次调用时传入的参数生效

  • keyframes

    参数

    类型

    说明

    frames

    Array