鸿蒙NEXT-HelloWorld

文章目录

概况

  • 主力语言: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片段。
相关推荐
Geek_Vision1 天前
鸿蒙原生APP接入小程序运行能力:数字园区场景实战复盘
微信小程序·harmonyos
音视频牛哥1 天前
鸿蒙 NEXT 下 RTSP/RTMP 播放器如何调用录像与快照?
华为·harmonyos·鸿蒙rtmp播放器·鸿蒙rtsp播放器·鸿蒙next rtsp播放器·鸿蒙next rtmp播放器·鸿蒙rtsp rtmp流录像
音视频牛哥1 天前
鸿蒙 NEXT 下 RTSP/RTMP 播放器如何实时调节音量、亮度、对比度与饱和度?
harmonyos·音视频开发·直播
音视频牛哥1 天前
鸿蒙 NEXT RTSP/RTMP 播放器如何回调 RGB 数据并实现 AI 视觉算法分析
人工智能·算法·harmonyos·鸿蒙rtmp播放器·鸿蒙rtsp播放器·鸿蒙next rtsp播放器·鸿蒙next rtmp播放器
音视频牛哥1 天前
HarmonyOS鸿蒙 Next 中如何实现低延迟 RTSP 流媒体播放?
华为·harmonyos·鸿蒙next·鸿蒙rtmp播放器·鸿蒙rtsp播放器·鸿蒙next rtsp播放器·鸿蒙next rtmp播放器
key_3_feng1 天前
HarmonyOS 6.0 开发组件深度详解
华为·harmonyos
以太浮标1 天前
华为eNSP综合实验之- 交换机组播VLAN(Multicast-VLAN)详细解析
运维·网络·网络协议·网络安全·华为·自动化·信息与通信
2601_949593651 天前
小白入门ReactNative for OpenHarmony项目鸿蒙化三方库:react-native-fast-image
react native·react.js·harmonyos
Surplusx1 天前
HCIP-vlan-华为专属Hybrid链路实验
华为
Swift社区1 天前
鸿蒙游戏的资源加载与管理
游戏·华为·harmonyos