鸿蒙3.0App开发技术
App开发
APP开发
浏览:1176 次

目前,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)
xml版本=“1.0”编码=“utf-8”?>;
<方向布局
;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=“十五