当前位置:   article > 正文

android大屏适配_鸿蒙开发初体验(Android开发必看)

android 鸿蒙适配

20ade6a83c65fb84031f63ba142a24cc.png
作者:伤心的猪大肠

2020年9月10号,鸿蒙2.0(HarmonyOS 2.0)系统正式发布。

鸿蒙2.0面向应用开发者发布Beta版本,在2020年9月10发布大屏,手表,车机版鸿蒙,2020年12月发布手机版鸿蒙。

在2020年9月10日,鸿蒙开源路标面向内存128KB-128MB终端设备;2021年10月,将面向4GB以上所有设备。

第一次看我文章的小伙伴可以关注一下我,顺便关注一下我的专栏:Android高级开发专栏 ,每天更新各种技术干货,分享更多最热程序员圈内事。
Android高级技术专栏​zhuanlan.zhihu.com
b86a91033afd8cba1d026673bc165d30.png

背景

作为一个安卓开发者,能够看到国产的操作系统的发布确实很兴奋,兴奋之余,更想要看看具体是怎么一回事

首先打开官网,看看官网该系统的定义:

HarmonyOS是一款“面向未来”、面向全场景(移动办公、运动健康、社交通信、媒体娱乐等)的分布式操作系统。在传统的单设备系统能力的基础上,HarmonyOS提出了基于同一套系统能力、适配多种终端形态的分布式理念,能够支持多种终端设备。

对应用开发者而言,HarmonyOS采用了多种分布式技术,使得应用程序的开发实现与不同终端设备的形态差异无关,降低了开发难度和成本。这能够让开发者聚焦上层业务逻辑,更加便捷、高效地开发应用。该优点在5G这个万物互联的时代具有着巨大的优势。

安装DevEco Studio

接下来下载DevEco Studio(IDE/开发工具)来进行体验一下软件的开发,在这里可以看到目前的IDE只有Windows系统的(windows 10 64位),安装过程可能中会出现gradle的安装失败,记得添加代理,在用户目录(打开“此电脑”,在文件夹地址栏中输入%userprofile%,进入个人数据界面。)下创建gradle.properties文件,文件中添加,端口是代理的端口

  1. systemProp.https.proxyPort=63729
  2. systemProp.http.proxyHost=127.0.0.1
  3. systemProp.https.proxyHost=127.0.0.1
  4. systemProp.http.proxyPort=63729

gradle安装成功,但在编译过程中可能出现build失败,错误如下:

ERROR: Cause: mirrors.huaweicloud.com:443 failed to respond

解决方式就是把所有的代理先关掉,然后你就会发现如丝般顺滑。

安装完DevEco Studio后,打开后可以看到界面和Android Studio非常相似

72e74547a6ab6ea616628a8a03cd454a.png

1.布局开发

一切看起来非常的熟悉,可以使用Java或JS等语言进行开发,布局可以通过XML创建,size单位是vp

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <DirectionalLayout
  3. xmlns:ohos="http://schemas.huawei.com/res/ohos"
  4. ohos:width="match_parent"
  5. ohos:height="match_parent"
  6. ohos:orientation="vertical"
  7. ohos:padding="32">
  8. <Text
  9. ohos:id="$+id:text"
  10. ohos:width="match_content"
  11. ohos:height="match_content"
  12. ohos:layout_alignment="horizontal_center"
  13. ohos:text="My name is Jackie."
  14. ohos:text_size="25vp"/>
  15. <Button
  16. ohos:id="$+id:button"
  17. ohos:width="match_content"
  18. ohos:height="match_content"
  19. ohos:layout_alignment="horizontal_center"
  20. ohos:text="My name is Jackie."
  21. ohos:text_size="50"/>
  22. </DirectionalLayout>

也可以通过Java代码直接创建,点击事件都是如此的亲切

  1. @Override
  2. public void onStart(Intent intent) {
  3. super.onStart(intent);
  4. // 步骤1 声明布局
  5. DirectionalLayout directionalLayout = new DirectionalLayout(context);
  6. // 步骤2 设置布局大小
  7. directionalLayout.setWidth(ComponentContainer.LayoutConfig.MATCH_PARENT);
  8. directionalLayout.setHeight(ComponentContainer.LayoutConfig.MATCH_PARENT);
  9. // 步骤3 设置布局属性及ID(ID视需要设置即可)
  10. directionalLayout.setOrientation(Component.VERTICAL);
  11. directionalLayout.setPadding(32, 32, 32, 32);
  12. Text text = new Text(context);
  13. text.setText("My name is Text.");
  14. text.setTextSize(50);
  15. text.setId(100);
  16. // 步骤4.1 为组件添加对应布局的布局属性
  17. DirectionalLayout.LayoutConfig layoutConfig = new DirectionalLayout.LayoutConfig(LayoutConfig.MATCH_CONTENT,
  18. LayoutConfig.MATCH_CONTENT);
  19. layoutConfig.alignment = LayoutAlignment.HORIZONTAL_CENTER;
  20. text.setLayoutConfig(layoutConfig);
  21. // 步骤4.2 将Text添加到布局中
  22. directionalLayout.addComponent(text);
  23. // 类似的添加一个Button
  24. Button button = new Button(context);
  25. layoutConfig.setMargins(0, 50, 0, 0);
  26. button.setLayoutConfig(layoutConfig);
  27. button.setText("My name is Jackie.");
  28. button.setTextSize(50);
  29. button.setId(100);
  30. ShapeElement background = new ShapeElement();
  31. background.setRgbColor(new RgbColor(0, 125, 255));
  32. background.setCornerRadius(25);
  33. button.setBackground(background);
  34. button.setPadding(10, 10, 10, 10);
  35. button.setClickedListener(new Component.ClickedListener() {
  36. @Override
  37. // 在组件中增加对点击事件的检测
  38. public void onClick(Component Component) {
  39. // 此处添加按钮被点击需要执行的操作
  40. }
  41. });
  42. directionalLayout.addComponent(button);
  43. // 步骤5 将布局作为根布局添加到视图树中
  44. super.setUIContent(directionalLayout);
  45. }

首页的布局如下,通过Java代码创建

  1. @Override
  2. public void onStart(Intent intent) {
  3. super.onStart(intent);
  4. System.out.println("onStart");
  5. LayoutConfig config = new LayoutConfig(LayoutConfig.MATCH_PARENT, LayoutConfig.MATCH_PARENT);
  6. myLayout.setLayoutConfig(config);
  7. ShapeElement element = new ShapeElement();
  8. element.setRgbColor(new RgbColor(255, 255, 255));
  9. myLayout.setBackground(element);
  10. Text text = new Text(this);
  11. text.setLayoutConfig(config);
  12. text.setText("CT Jackie");
  13. text.setTextColor(new Color(0xFF000000));
  14. text.setTextSize(50);
  15. text.setTextAlignment(TextAlignment.CENTER);
  16. myLayout.addComponent(text);
  17. super.setUIContent(myLayout);
  18. }

效果如下:

d99531a3ac225f918b6baa76b72d4d95.png

2.生命周期

下面再来看看主界面的生命周期,实现了ILifecycle接口,生命周期状态一共有七种

  1. public static enum Event {
  2. UNDEFINED,
  3. ON_START,
  4. ON_INACTIVE,
  5. ON_ACTIVE,
  6. ON_BACKGROUND,
  7. ON_FOREGROUND,
  8. ON_STOP;
  9. private Event() {
  10. }
  11. }

界面启动时调用onStart()和onActive()

  1. 2020-09-13 21:42:10.266 25547-25547[表情] I/System.out: onStart
  2. 2020-09-13 21:42:10.284 25547-25547[表情] I/System.out: onActive

点击返回键时调用

  1. 2020-09-13 21:42:35.847 25547-25547/com.example.helloworld I/System.out: onInactive
  2. 2020-09-13 21:42:35.917 25547-25547/com.example.helloworld I/System.out: onBackground
  3. 2020-09-13 21:42:35.920 25547-25547/com.example.helloworld I/System.out: onStop

至于UNDEFINED和ON_FOREGROUND暂时还不了解。

3.Gradle任务(Task)

甚至连gradle的Task都非常类似,打包命令是assembleDebug/Release

  1. > Task :entry:preBuild
  2. > Task :entry:compileDebugNativeWithCmake
  3. > Task :entry:collectDebugDependencies
  4. > Task :entry:mergeDebugResources
  5. > Task :entry:mergeDebugProfile
  6. > Task :entry:compileDebugResources
  7. > Task :entry:compileDebugIdl
  8. > Task :entry:compileDebugRFile
  9. > Task :entry:processDebugJavaResource
  10. > Task :entry:compileDebugJavaWithJavac
  11. > Task :entry:mergeDebugJavaResource
  12. > Task :entry:generateDebugClassesJar
  13. > Task :entry:mergeDebugProjectDex
  14. > Task :entry:generateDebugShell
  15. > Task :entry:processDebugShellManifest
  16. > Task :entry:compileDebugShellResources
  17. > Task :entry:linkDebugShellResources
  18. > Task :entry:compileDebugShellJavaWithJavac
  19. > Task :entry:mergeDebugShellDex
  20. > Task :entry:packageDebugShell
  21. > Task :entry:packageDebugSimplifyShell
  22. > Task :entry:validateDebugSigning
  23. > Task :entry:signDebugShell
  24. > Task :entry:packageDebugHap
  25. > Task :entry:signDebugHap
  26. > Task :entry:assembleDebug

4.配置文件

配置文件是一个命名为config.json的文件,配置应用的一些信息

  1. {
  2. "app": {
  3. "bundleName": "com.example.helloworld",
  4. "vendor": "example",
  5. "version": {
  6. "code": 1,
  7. "name": "1.0"
  8. },
  9. "apiVersion": {
  10. "compatible": 3,
  11. "target": 3
  12. }
  13. },
  14. "deviceConfig": {
  15. "default": {
  16. }
  17. },
  18. "module": {
  19. "package": "com.example.helloworld",
  20. "name": ".HelloWorld",
  21. "reqCapabilities": [
  22. "video_support"
  23. ],
  24. "deviceType": [
  25. "wearable"
  26. ],
  27. "distro": {
  28. "deliveryWithInstall": true,
  29. "moduleName": "entry",
  30. "moduleType": "entry"
  31. },
  32. "abilities": [
  33. {
  34. "skills": [
  35. {
  36. "entities": [
  37. "entity.system.home"
  38. ],
  39. "actions": [
  40. "action.system.home"
  41. ]
  42. }
  43. ],
  44. "orientation": "landscape",
  45. "formEnabled": false,
  46. "name": "com.example.helloworld.MainAbility",
  47. "icon": "$media:icon",
  48. "description": "$string:mainability_description",
  49. "label": "HelloWorld",
  50. "type": "page",
  51. "launchType": "standard"
  52. }
  53. ]
  54. }
  55. }

仔细看这个文件会越来越觉得这就是AndroidManifest.xml的json翻译版。

反编译角度看鸿蒙

既然看起来这么像安卓,我看来看看它编译后的产物是什么,是不是也能像android一样反编译得到dex文件?

f3ed3f6898056fcaddcdafdad991d228.png

编译后得到的是一个xxx.hap文件

3663549a3105131a6fcfea63aa990e2d.png

修改它的后缀名为.zip,解压后可以看到里面有熟悉的assets,dex,apk文件等,把这个apk文件安装后发现并不能使用。

7b3e1a2ab62844740c20cc8566998389.png

下面我们先反编译这个classes.dex文件第一个dex反编译后出现错误

  1. ~/Desktop/fanbianyi/dex2jar-2.0 » sh d2j-dex2jar.sh classes3.dex
  2. dex2jar classes3.dex -> ./classes3-dex2jar.jar
  3. com.googlecode.d2j.DexException: not support version.
  4. at com.googlecode.d2j.reader.DexFileReader.<init>(DexFileReader.java:151)
  5. at com.googlecode.d2j.reader.DexFileReader.<init>(DexFileReader.java:211)
  6. at com.googlecode.dex2jar.tools.Dex2jarCmd.doCommandLine(Dex2jarCmd.java:104)
  7. at com.googlecode.dex2jar.tools.BaseCmd.doMain(BaseCmd.java:288)

原因是我们的工具版本太低了,解决方案在这,升级版本后反编译成功后为classes3-dex2jar.jar,打开可以看到

fca1d5c707185259edc26cb6509c54a4.png

这里多了个ResourceTable文件,就是我们的资源id表。这里的dex文件包含的是我们开发的代码。

下面我们来反编译apk文件,解压后可以看到,里面是我们熟悉的内容

62411194359cec0aa0783ad21ee3bba7.png

AndroidManifest.xml文件如下

fd0ac0a624e8837fad78e8f85b5d6bf7.png

反编译该dex文件可以看到,MainAbilityShellActivity最终是继承了AbilityShellActivity

1deaff9fedf99549d98f30ea8679ec8c.png

ShellHelloWorld其实一个Application

fca1d5c707185259edc26cb6509c54a4.png

至此感觉.hap文件像是对apk的一个包装,最终的逻辑看起来好像还是android那套,或者说android开发人员上手会非常快,可能也是为将来兼容android系统做准备。

分布式,跨设备迁移

跨设备迁移

下面来看看该系统的一些亮点,比如跨设备迁移,听起来是个很牛逼炫酷的功能,比如把你的手机屏幕直接迁移到电脑或者pad上面以及进行一些操作等等

跨设备迁移(下文简称“迁移”)支持将Page在同一用户的不同设备间迁移,以便支持用户无缝切换的诉求。以Page从设备A迁移到设备B为例,迁移动作主要步骤如下:

  1. 设备A上的Page请求迁移。
  2. HarmonyOS处理迁移任务,并回调设备A上Page的保存数据方法,用于保存迁移必须的数据。
  3. HarmonyOS在设备B上启动同一个Page,并回调其恢复数据方法。

开发者可以参考以下详细步骤开发具有迁移功能的Page。

分布式任务调度

在HarmonyOS中,分布式任务调度平台对搭载HarmonyOS的多设备构筑的“超级虚拟终端”提供统一的组件管理能力,为应用定义统一的能力基线、接口形式、数据结构、服务描述语言,屏蔽硬件差异;支持远程启动、远程调用、业务无缝迁移等分布式任务。

分布式任务调度平台在底层实现 Ability

  • 启动和关闭:向开发者提供管理远程Ability的能力,即支持启动Page模板的Ability,以及启动、关闭Service和Data模板的Ability。
  • 连接和断开连接:向开发者提供跨设备控制服务(Service和Data模板的Ability)的能力,开发者可以通过与远程服务连接及断开连接实现获取或注销跨设备管理服务的对象,达到和本地一致的服务调度。
  • 迁移能力:向开发者提供跨设备业务的无缝迁移能力,开发者可以通过调用Page模板Ability的迁移接口,将本地业务无缝迁移到指定设备中,打通设备间壁垒。

总结

个人感觉鸿蒙的开发是很接近Android开发者的习惯,对于Android开发人员来说极易上手。

但是Android现有的多设备协同支持做的很差,鸿蒙做了一些封装和扩展屏蔽掉底层的差异,在多设备,万物互联的时代具有很大的优势,越是多设备协同,鸿蒙越具有优势。

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/羊村懒王/article/detail/257806
推荐阅读
相关标签
  

闽ICP备14008679号