HarmonyOS3.0App开发技术选择

了解更多开源请访问：开源基础软件社区https://ost.51cto.com目前HarmonyOS3.0最新版本为Beta2，主要支持JavaUI和ArkUI（ArkDevelopmentFramework）用于鸿蒙App开发，ArkUI支持基于JS扩展的类Web开发范式和基于TS扩展（即eTS）的声明式开发范式。鸿蒙开源版本OpenHarmony已于2022年3月31日正式发布3.1发布版本，仅支持Javascript和eTS。本节以最简单的HelloWorld案例为基础，添加一个按钮，点击按钮改变文本内容。直观的对比感受一下这三种开发方式的区别。【源码地址：https://gitee.com/cloudev/harmonyos3/tree/master/1.1】。JavaUI开发方法初始代码：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；导入top.cloudev.hello.ResourceTable；导入ohos.aafwk.ability.AbilitySlice；导入ohos.aafwk。content.Intent;publicclassMainAbilitySliceextendsAbilitySlice{@OverridepublicvoidonStart(Intentintent){super.onStart(intent);super.setUIContent(ResourceTable.Layout_ability_main);}@OverridepublicvoidonActive(){super.onActive();}@OverridepublicvoidonForeground(Intentintent){super.onForeground(intent);}}xml页面(\1.1\JavaUI\Hello\entry\src\main\resources\base\layout\ability_main.xml)。功能实现：在xml页面中加入按钮：在graphic目录下添加一个胶囊按钮背景（\resources\base\graphic\btn.xml），形状为矩形，圆角为100，颜色为蓝色：然后在java代码中添加按钮的点击事件代码，使得后面的文字“HelloWorld”变为“HelloJavaUI”按钮被点击：//通过资源ID查找文本组件对象Texttxt=(Text)findComponentById(ResourceTable.Id_text_helloworld);//通过资源ID查找按钮组件对象Buttonbutton=(Button)findComponentById(ResourceTable.Id_btn_edit);//监听按钮点击事件button.setClickedListener(component->{//设置文本对象的文本txt.setText("HelloJavaUI");});JsUI的开发方法JsUI的HelloWorld页面由三个文件组成，分别是index.hml和index.css以及index.js(\1.1\JsUI\Hello\entry\src\main\js\default\pages\指数）初始代码:index.hml(页面布局)：{{title}}