UI开发 方舟开发框架(ArkUI)概述 基于JS扩展的类Web开发范式 概述 框架说明 文件组织 js标签配置 app.js 语法 HML语法参考 CSS语法参考 JS语法参考 生命周期 资源限定与访问 多语言支持 构建用户界面 组件介绍 构建布局 布局说明 添加标题行和文本区域 添加图片区域 添加留言区域 添加容器 添加交互 动画 手势事件 页面路由 常见组件开发指导 容器组件 List开发指导 Dialog开发指导 Form开发指导 Stepper开发指导 Tabs开发指导 Swiper开发指导 基础组件 Text开发指导 Input开发指导 Button开发指导 Picker开发指导 Image开发指导 Image-animator开发指导 Rating开发指导 Slider开发指导 Chart开发指导 Switch开发指导 Toolbar开发指导 Menu开发指导 Marquee开发指导 Qrcode开发指导 Search开发指导 Canvas开发指导 Canvas对象 CanvasRenderingContext2D对象 Path2D对象 OffscreenCanvas对象 栅格布局 Svg开发指导 基础知识 绘制图形 绘制路径 绘制文本 动效开发指导 CSS动画 属性样式动画 transform样式动画 background-position样式动画 svg动画 JS动画 组件动画 插值器动画 动画动效 动画帧 自定义组件 基于TS扩展的声明式开发范式 概述 框架说明 文件组织 目录结构 应用代码文件访问规则 js标签配置 资源管理 资源文件的分类 资源访问 像素单位 类型定义 声明式语法 描述规范使用说明 通用UI描述规范 基本概念 声明式UI描述规范 无构造参数配置 必选参数构造配置 属性配置 事件配置 子组件配置 组件化 @Component @Entry @Preview @Builder @Extend @CustomDialog @Styles UI状态管理 基本概念 管理组件拥有的状态 @State @Prop @Link 管理应用程序的状态 应用程序的数据存储 持久化数据管理 环境变量 其他类目的状态管理 Observed和ObjectLink数据管理 @Consume和@Provide数据管理 @Watch 渲染控制语法 条件渲染 循环渲染 数据懒加载 深入理解组件化 build函数 自定义组件初始化 自定义组件生命周期回调函数 组件创建和重新初始化示例 语法糖 常见组件开发指导 Button开发指导 Web开发指导 常见布局开发指导 弹性布局 栅格布局 媒体查询 体验声明式UI 创建声明式UI工程 初识Component 创建简单视图 页面布局与连接 构建食物数据模型 构建食物列表List布局 构建食物分类Grid布局 页面跳转与数据传递