华为鸿蒙app开发，真的遥遥领先？

前言

最近刷头条，刷到很多开始鸿蒙系统app开发者说鸿蒙系统要崛起了属于国家意志。于是我也在周五空闲时间去华为官网学习一下，体验一下遥遥领先的感觉。 developer.huawei.com/ 官网下载下载DevEco Studio

下载流程就不用细说了借鉴一下别人的文章，主要核心在于按照官网学习了一个ToDo的例子

鸿蒙OS应用开发初体验 - 掘金 (juejin.cn)

启动页面

Setup

HarmonyOS-SDK：鸿蒙操作系统软件开发工具包

Previewer：预览器

Toolchains：工具链

OpenHarmony-SDK：开源鸿蒙操作系统软件开发工具包

ArkTS：鸿蒙生态的应用开发语言。

JS：JavaScript

Previewer：预览器

Toolchains：工具链

Create Project

配置工程

项目名称、包名、存储路径、编译SDK版本、模型，语言、设备类型等。

工程目录结构

AppScope：存放应用全局所需要的资源文件。
entry：应用主模块，存放HarmonyOS应用的代码、资源等。
on_modules：工程依赖包，存放工程依赖的源文件。
build-profile.json5是工程级配置信息，包括签名、产品配置等。
hvigorfile.ts是工程级编译构建任务脚本，hvigor是基于任务管理机制实现的一款全新的自动化构建工具，主要提供任务注册编排，工程模型管理、配置管理等核心能力。
oh-package.json5是工程级依赖配置文件，用于记录引入包的配置信息

TODO例子

这里我我干掉了初始代码实现了一个TODO例子源码贴出来了

js 复制代码

import ArrayList from '@ohos.util.ArrayList'
@Entry
@Component
struct Index {
  @State message: string = 'Hello World'
  private  taskList:Array<String>=[
    '吃饭',
    '睡觉',
    '遛娃',
    '学习'
  ]
  build() {
    Column() {
      Text('待办')
        .fontSize(50)
        .fontWeight(FontWeight.Bold)
        .align(Alignment.Start)
      ForEach(this.taskList,(item)=>{
        ToDoItem({ content: item })
      })

    }.height('100%')
    .width('100%')
    .backgroundColor('#e6e6e6')

  }
}

@Component
struct ToDoItem {
  private content: string;
  @State isComplete: boolean = false;
  @State isClicked: boolean = false;
  build() {
    Row() {
      Image($r('app.media.app_icon'))
        .width(20)
        .margin(10)
      Text(this.content)
        .fontSize(20)
        .fontWeight(FontWeight.Bold)
        .fontColor(Color.Black)
        .opacity(this.isComplete ? 0.4 : 1)
        .decoration({ type: this.isComplete ? TextDecorationType.Underline : TextDecorationType.None })
    }.borderRadius(24)
    .width('100%')
    .padding(20)
    .backgroundColor(this.isClicked ? Color.Gray : Color.White)
    .margin(10)
    .onClick(
      ()=>{
        this.isClicked = true; // 设置点击状态为true
        setTimeout(() => {
          this.isClicked = false; // 0.5秒后恢复点击状态为false
        }, 500);
        this.isComplete=!this.isComplete
      }
    )
  }
}

总结

在模拟器上点击啥的效果还好但是在我华为p40上的真机运行效果真的点击效果响应太慢了吧。本人也是华为手机的爱好者，但这一次真的不敢苟同谁敢用这样的平台开发app。有深入学习的大佬指点一下，望花粉勿喷。