文章目录
概况
- 主力语言：ArkTS；界面开发：ArkUI
- 类比：ArkTS + ArkUI；对应JS + (HTML~CSS)
- 前面是后面的超集：ArkTS（eTS）>>> TS >>> JS
- 编辑器使用DevEco Studio（"Powered by IntelliJ Platform" ------意味着 DevEco Studio 是基于 IntelliJ IDEA 的底层框架开发出来的。）
核心优势
- ArkUI：声明式（链式属性） + 响应式（数据驱动UI更新）
关键目录
- AppScope > app.json5：应用的全局配置信息。
- entry > src > main > ets > entryability：应用或元服务的入口，可以配置作为首页加载的页面。
- 在应用启动时，系统会通过windowStage.loadContent方法指定所传入路径的文件作为应用启动的首页，默认为"pages/Index.ets"。
- 若需要更改首页，只需将路径修改为对应文件的路径，并将其添加至main_pages.json5文件中即可。
- entry > src > main > ets > pages：存放应用或元服务包含的页面。
- entry > src > main > resources：用于存放应用或元服务模块所需的资源文件
- 如多媒体（图片、音频、视频等）、json配置文件（字符串、颜色等）。
- 资源文件夹相当于应用的素材库，图片、文字、颜色和尺寸均应存放在resources文件夹中，以便于统一管理和复用。
常用装饰器
- @Component（组件装饰器）：用于装饰用struct关键字声明的结构体，将其转换为一个可复用的自定义组件。
- 一个按钮、一段文本或整个页面，都可以视为一个组件。
- @Entry（入口装饰器）：用于标记该自定义组件作为入口页面。
- 被它装饰的组件，在加载时可以作为应用的首个页面显示。
- @State（状态装饰器）：用于装饰组件内部的变量。
- 当这种变量的值发生改变时，使用了该变量的界面部分会自动同步更新，无需手动刷新。
- @prop：从父组件接收数据，单向同步。
- @Link：从父组件接收数据，双向同步。
- @Provide / @Consume：跨层级传递数据，类似"依赖注入"。
- @Watch：监听一个状态变量的变化，并触发回调。
- @Builder：标记一个自定义构建函数，用于封装UI片段。