前言
最近刷头条,刷到很多开始鸿蒙系统app开发者说 鸿蒙系统要崛起了 属于国家意志。于是我也在周五空闲时间去华为官网学习一下,体验一下遥遥领先的感觉。
developer.huawei.com/ 官网下载下载DevEco Studio
下载流程就不用细说了 借鉴一下别人的文章,主要核心在于按照官网学习了一个ToDo的例子
启动页面
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例子 源码贴出来了
import ArrayList from '@ohos.util.ArrayList'
@Entry
@Component
struct Index {
@State message: string = 'Hello World'
private taskList:ArrayString>=[
'吃饭',
'睡觉',
'遛娃',
'学习'
]
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。有深入学习的大佬指点一下,望花粉勿喷。
文章来源于互联网:华为鸿蒙app开发,真的遥遥领先?
正文完