鸿蒙3.0App开发技术

目前，HarmonyOS 3.0的最新版本是Beta2，主要支持用于鸿蒙App开发的Java UI和ArkUI（统软云开发框架），而ArkUI支持基于JS扩展的类Web开发范式和基于TS扩展的声明性开发范式（即eTS）。鸿蒙开源版本OpenHarmony已于2022年3月31日正式发布3.1版本，该版本仅支持Javascript和eTS。

本节首先基于最简单的HelloWorld案例添加一个按钮。单击按钮更改文本内容。直观地比较和感受三种开发方法之间的差异。[源代码地址：https://gitee.com/cloudev/harmonyos3/tree/master/1.1 ]

1.1.1 Java UI开发方法

初始代码：

java代码（1.1 JavaUI hello entry src main java top cloudev hello slice MainAbilitySlice.java）

包装top.cloudev.hello.slice；

导入ohos.agp.components.Button；

导入ohos.agp.components.Text；

import top.cloudev.hello.ResourceTable；

导入ohos.aafwk.ability.AbilitySlice；

导入ohos.aafwk.content.Intent；

公共类MainAbilitySlice扩展了AbilitySlice{

@推翻

；开始时公共无效（意图）{

 nbsp； ；super.onStart（意图）；

 nbsp； ；super.setUIContent（ResourceTable.Layout_ability_main）；

}

@推翻

；public void onActive（）{

 nbsp； ；super.onActive（）；

}

@推翻

；前台公共空间（意向）{

 nbsp； ；super.onForeground（意图）；

}

}

Xml页面（1.1 JavaUI Hello entry src main resources base layout ability_main.Xml）

<方向布局

；xmlns:ohos=“https://schemas.huawei.com/res/ohos" ;

；ohos:height=“match_parent”

；ohos:width=“match_parent”

；ohos：alignment=“中心”

；ohos:orientation=“垂直”>；

 书信电报；文本

 nbsp； ；ohos:id=“$+id:text_ helloworld”

 nbsp； ；ohos:height=“匹配内容”

 nbsp； ；ohos:width=“匹配内容”

 nbsp； ；ohos:background_element=“$graphic:background_ability_main”

 nbsp； ；ohos:layout_ alignment=“水平_中心”

 nbsp； ；ohos:text=“你好世界”

 nbsp； ；ohos:text_size=“40vp”

 nbsp； ；/>；

功能实现：

向xml页面添加按钮：

<按钮

 nbsp； ；ohos:id=“$+id:btn_edit”

 nbsp； ；ohos:height=“匹配内容”

 nbsp； ；ohos:width=“匹配内容”

 nbsp； ；ohos:background_element=“$graphic:btn”

 nbsp； ；ohos:text_size=“27fp”

 nbsp； ；ohos:text=“编辑文本”

 nbsp； ；ohos:text_ color=“#FFFFFF”

 nbsp； ；ohos:topmargin=“30vp”

 nbsp； ；ohos:left_ margin=“15vp”

 nbsp； ；ohos:bottom_ margin=“15vp”

 nbsp； ；ohos:right _ padding=“15vp”

 nbsp； ；ohos:left_ padding=“十五