d8cb012e创建于 2025年6月16日历史提交

ArkUI（方舟UI框架）

ArkUI简介
UI开发 (ArkTS声明式开发范式)
- UI开发（ArkTS声明式开发范式）概述
- 学习UI范式基本语法
  - 基本语法概述
  - 声明式UI描述
  - 自定义组件
  - 组件扩展
  - @Styles装饰器：定义组件重用样式
  - @Extend装饰器：定义扩展组件样式
  - stateStyles：多态样式
  - @AnimatableExtend装饰器：定义可动画属性
  - @Require装饰器：校验构造传参
  - @Reusable装饰器：组件复用
- 学习UI范式状态管理
  - 状态管理概述
  - 状态管理（V1）
    - 管理组件拥有的状态
    - 管理应用拥有的状态
    - 其他状态管理
    - MVVM模式
    - 状态管理优秀实践
    - 状态管理合理使用开发指导
  - 状态管理（V2）
  - V1V2混用和迁移指导
    - 自定义组件混用场景指导
    - V1->V2迁移指导
- 学习UI范式渲染控制
  - 渲染控制概述
  - if/else：条件渲染
  - ForEach：循环渲染
  - LazyForEach：数据懒加载
  - ContentSlot：混合开发
- 开发布局
  - 布局概述
  - 构建布局
    - 线性布局 (Row/Column)
    - 层叠布局 (Stack)
    - 弹性布局 (Flex)
    - 相对布局 (RelativeContainer)
    - 栅格布局 (GridRow/GridCol)
    - 媒体查询 (@ohos.mediaquery)
    - 创建列表 (List)
    - 创建弧形列表 (ArcList)（圆形屏幕推荐使用）
    - 创建网格 (Grid/GridItem)
    - 创建瀑布流 (WaterFlow)
    - 创建轮播 (Swiper)
    - 创建弧形轮播 (ArcSwiper)（圆形屏幕推荐使用）
    - 选项卡 (Tabs)
- 添加组件
  - 按钮 (Button)
  - 弧形按钮 (ArcButton)（圆形屏幕推荐使用）
  - 单选框 (Radio)
  - 切换按钮 (Toggle)
  - 进度条 (Progress)
  - 显示图片 (Image)
  - 视频播放 (Video)
  - 自定义渲染 (XComponent)
- 设置组件导航和页面路由
  - 组件导航和页面路由概述
  - 组件导航 (Navigation)(推荐)
  - 实现组件导航转场
  - 页面路由 (@ohos.router)(不推荐)
  - Router切换Navigation
- 使用文本
  - 文本概述
  - 文本显示 (Text/Span)
  - 文本输入 (TextInput/TextArea)
  - 富文本 (RichEditor)
  - 图标小符号 (SymbolGlyph/SymbolSpan)
  - 属性字符串 (StyledString/MutableStyledString)
- 使用弹窗
  - 弹窗概述
  - 使用弹出框 (Dialog)
  - 菜单
  - 气泡提示
  - 绑定模态页面
  - 即时反馈 (Toast)
  - 设置浮层 (OverlayManager)
- 显示图形
  - 绘制几何图形 (Shape)
  - 使用画布绘制自定义图形 (Canvas)
- 使用动画
  - 动画概述
  - 属性动画
  - 转场动画
  - 粒子动画
  - 组件动画
  - 动画曲线
  - 动画衔接
  - 动画效果
    - 模糊
    - 阴影
    - 色彩
  - 帧动画（ohos.animator）
- 支持交互事件
  - 交互事件概述
  - 使用通用事件
    - 事件分发
    - 触屏事件
    - 键鼠事件
    - 焦点事件
    - 拖拽事件
    - 表冠事件（圆形屏幕推荐使用）
  - 使用手势事件
- 使用自定义能力
  - 自定义能力概述
  - 自定义节点
  - 自定义扩展
- 使用镜像能力
- 无障碍与适老化
  - 支持无障碍
  - 支持适老化
- 主题设置
  - 应用深浅色适配
  - 设置应用内主题换肤
- 使用UI上下文接口操作界面（UIContext）
- 使用组件截图（ComponentSnapshot）
- 嵌入式组件
  - 全屏启动原子化服务 (FullScreenLaunchComponent)
  - 同应用进程嵌入式组件 (EmbeddedComponent)
  - 跨进程应用能力扩展（UIExtension，仅对系统应用开放）
  - 跨线程嵌入式组件 (IsolatedComponent，仅对系统应用开放)
- 使用NDK接口构建UI
  - NDK接口概述
  - 接入ArkTS页面
  - 添加交互事件
  - 使用动画
  - 构建布局
    - 使用列表
    - 使用瀑布流
  - 使用文本
    - Text组件的文本绘制与显示
    - 输入框文本事件监听
  - 构建弹窗
  - 构建自定义组件
  - 嵌入ArkTS组件
  - 通过XComponent接入无障碍
  - 自定义绘制
UI开发 (兼容JS的类Web开发范式)
- UI开发 (兼容JS的类Web开发范式)概述
- 框架说明
  - 文件组织
  - js标签配置
  - app.js
  - 语法
  - 生命周期
  - 资源限定与访问
  - 多语言支持
- 构建用户界面
  - 组件介绍
  - 构建布局
  - 添加交互
  - 动画
  - 手势事件
  - 页面路由
- 常见组件开发指导
  - 容器组件
  - 基础组件
  - Canvas开发指导
  - 栅格布局
  - Svg开发指导
- 动效开发指导
  - CSS动画
  - JS动画
    - 组件动画
    - 插值器动画
      - 动画动效
      - 动画帧
- 自定义组件
- WebGL
窗口管理
屏幕管理