news 2026/4/15 13:59:33

鸿蒙NEXT-HelloWorld

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
鸿蒙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片段。
版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/4/15 13:58:56

CSP实战:如何用Flask接收并分析违规报告(附完整代码)

CSP实战:如何用Flask接收并分析违规报告(附完整代码) 当你的网站开始实施内容安全策略(CSP)时,真正的挑战才刚刚开始。那些被拦截的请求背后隐藏着宝贵的安全情报——它们可能是潜在的攻击尝试,…

作者头像 李华
网站建设 2026/4/15 13:58:19

如何在macOS上安装和使用Whisky:终极Windows应用兼容层指南

如何在macOS上安装和使用Whisky:终极Windows应用兼容层指南 【免费下载链接】Whisky A modern Wine wrapper for macOS built with SwiftUI 项目地址: https://gitcode.com/gh_mirrors/wh/Whisky 还在为Mac上无法运行Windows应用而烦恼吗?Whisky是…

作者头像 李华
网站建设 2026/4/15 13:57:17

高云GoWin FPGA开发入门:从软件安装到管脚约束实战

1. 高云GoWin FPGA开发环境搭建 第一次接触高云FPGA开发的朋友可能会觉得无从下手,其实只要跟着正确的步骤走,半小时内就能搭建好完整的开发环境。我去年刚开始用GoWin软件时也踩过不少坑,现在把这些经验都整理出来,让你少走弯路。…

作者头像 李华
网站建设 2026/4/15 13:54:00

打造个人AI助手:通义千问2.5-7B+WebUI,免费商用全教程

打造个人AI助手:通义千问2.5-7BWebUI,免费商用全教程 1. 为什么你需要这个AI助手 想象一下,你正在写一份工作报告,突然卡壳了;或者你需要快速生成一段代码,但不想从头开始写;又或者你需要分析…

作者头像 李华
网站建设 2026/4/15 13:52:14

在百度AI Studio的V100上白嫖PyTorch:一个脚本搞定环境配置与持久化

在百度AI Studio的V100上高效部署PyTorch:自动化环境配置全攻略 当深度学习遇上免费GPU资源,如何最大化利用这些宝贵算力成为开发者关注的焦点。百度AI Studio提供的V100显卡每天12小时免费使用权,确实为没有高端硬件的研究者和学生打开了新世…

作者头像 李华
网站建设 2026/4/15 13:52:08

腾讯云TTS流式合成实战:5分钟搞定大语言模型逐字播报(附避坑指南)

腾讯云TTS流式合成实战:5分钟实现大模型逐字播报与音频优化 当ChatGPT以每秒数十个字符的速度生成回复时,传统语音合成技术往往需要等待整段文本完成才能开始播报,这种延迟感让对话体验大打折扣。腾讯云最新推出的流式文本语音合成&#xff0…

作者头像 李华