【HarmonyOS】基础技能

1 一起从Hello World 开始

  • 搭建开发环境
  • 创建项目并运行 Hello World
  • 了解工程目录结构

2 ArkTs 语言

  • 基本UI描述
    基本概念、UI描述规范、属性配置、事件配置、子组件配置
  • 页面级变量的状态管理
    装饰器@State、装饰器@Prop、装饰器@Link、装饰器@Provide、装饰器@Consume、装饰器@ObjectLink、装饰器@Observed、装饰器@Watch
  • 应用级变量的状态管理
    装饰器@StorageLink、装饰器@StorageProp、LocalStorage、装饰器@LocalStorageLink、装饰器@LocalStorageProp、PersistentStorage、Environment
  • 动态构建UI元素
    装饰器@Builder、装饰器@BuilderParam、装饰器@Styles、装饰器@Extend、装饰器@CustomDialog
  • 渲染控制
    条件渲染、循环渲染、数据懒加载
  • 使用限制与扩展
    在生成器函数中的使用限制、变量的双向绑定、状态变量数据类型声明使用限制、自定义组件成员变量初始化的方法

3. HarmonyOS - ArkUI声明式UI开发

  • 基础组件
  • 容器组件
  • 绘制组件
  • 画布组件
  • 动画
    属性动画、显示动画、转场动画、路径动画
  • 弹窗
  • 手势处理
相关推荐
xiaoqi9222 小时前
React Native鸿蒙跨平台如何实现分类页面组件通过searchQuery状态变量管理搜索输入,实现了分类的实时过滤功能
javascript·react native·react.js·ecmascript·harmonyos
听麟2 小时前
HarmonyOS 6.0+ 智慧出行导航APP开发实战:离线地图与多设备位置协同落地
华为·wpf·harmonyos
qq_177767372 小时前
React Native鸿蒙跨平台实现应用介绍页,实现了应用信息卡片展示、特色功能网格布局、权限/联系信息陈列、评分展示、模态框详情交互等通用场景
javascript·react native·react.js·ecmascript·交互·harmonyos
jin1233224 小时前
基于React Native鸿蒙跨平台地址管理是许多电商、外卖、物流等应用的重要功能模块,实现了地址的添加、编辑、删除和设置默认等功能
javascript·react native·react.js·ecmascript·harmonyos
2501_920931704 小时前
React Native鸿蒙跨平台医疗健康类的血压记录,包括收缩压、舒张压、心率、日期、时间、备注和状态
javascript·react native·react.js·ecmascript·harmonyos
2501_920931705 小时前
React Native鸿蒙跨平台使用useState管理健康记录和过滤状态,支持多种健康数据类型(血压、体重等)并实现按类型过滤功能
javascript·react native·react.js·ecmascript·harmonyos
2501_921930836 小时前
高级进阶 React Native 鸿蒙跨平台开发:InteractionManager 交互优化
react native·harmonyos
前端不太难6 小时前
HarmonyOS PC 文档模型完整范式
华为·状态模式·harmonyos
ITUnicorn7 小时前
【HarmonyOS6】从零实现自定义计时器:掌握TextTimer组件与计时控制
华为·harmonyos·arkts·鸿蒙·harmonyos6
摘星编程7 小时前
OpenHarmony + RN:Stack堆栈导航转场
react native·react.js·harmonyos