鸿蒙NEXT-HelloWorld

张开发
2026/4/15 13:59:36 15 分钟阅读

分享文章

鸿蒙NEXT-HelloWorld
文章目录概况核心优势关键目录常用装饰器概况主力语言ArkTS界面开发ArkUI类比ArkTS ArkUI对应JS (HTML~CSS)前面是后面的超集ArkTSeTS 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片段。

更多文章