轻量级智能穿戴开发：开发示例

HarmonyOS应用开发文档更新说明：生命周期新增onHide的说明，方便开发者更易理解生命周期 ; 以“动态改变样式”为例，讲解绘制样式和交互事件，方便开发者循序渐进地理解轻量级开发的基础功能。

目录

生命周期

绘制样式

行内样式

选择器样式

动态绑定样式

交互事件

---

生命周期

应用生命周期主要有两个：应用创建时调用的onCreate和应用销毁时触发的onDestroy。

一个应用中可能会有多个页面，一个页面一般包括onInit、onReady、onShow和onDestroy等在页面创建、显示和销毁时会触发调用的事件：

• onInit：表示页面的数据已经准备好，可以使用js文件中的data数据。
• onReady：表示页面已经编译完成，可以将界面显示给用户。
• onShow：JS UI只支持应用同时运行并展示一个页面，当打开一个页面时，上一个页面就销毁了。当一个页面显示的时候，会调用onShow。
• onHide：页面消失时被调用。
• onDestroy：页面销毁时被调用。

 

当应用从页面A跳转到页面B时，首先调用页面A的onDestroy函数。页面A销毁后，依次调用页面B的onInit、onReady、onShow函数来初始化和显示页面B。

 

绘制样式

在构建布局中，已经可以运行应用并显示结果。组件标签中类似“style="width:454px;height:454px;"”的语句即为样式设置语句，通过样式可以设置组件的显示大小、背景颜色、对齐方式等属性。本章节以<div>和<text>组件为例来介绍如何设置样式，样式主要有三种设置方式：