UI开发 方舟开发框架（ArkUI）概述 UI开发（ArkTS声明式开发范式） UI开发（ArkTS声明式开发范式）概述 开发布局 布局概述 构建布局 线性布局（Row/Column） 层叠布局（Stack） 弹性布局（Flex） 相对布局（RelativeContainer） 栅格布局（GridRow/GridCol） 媒体查询（mediaquery） 创建列表（List） 创建网格（Grid/GridItem） 创建轮播（Swiper） 添加组件 添加常用组件 按钮（Button） 单选框（Radio） 切换按钮（Toggle） 进度条（Progress） 文本显示（Text/Span） 文本输入（TextInput/TextArea） 自定义弹窗（CustomDialog） 视频播放（Video） XComponent 添加气泡和菜单 气泡提示（Popup） 菜单（Menu） 设置页面路由和组件导航 页面路由（router） 组件导航 Navigation Tabs 显示图形 显示图片（Image） 绘制几何图形（Shape） 使用画布绘制自定义图形（Canvas） 使用动画 动画概述 属性动画 属性动画概述 属性动画接口说明 自定义属性动画 转场动画 转场动画概述 出现/消失转场 导航转场 模态转场 共享元素转场 页面转场动画（不推荐） 组件动画 动画曲线 动画曲线概述 传统曲线 弹簧曲线 动画衔接 动画效果 模糊 阴影 色彩 支持交互事件 交互事件概述 使用通用事件 触屏事件 键鼠事件 焦点事件 使用手势事件 绑定手势方法 单一手势 组合手势 UI开发（兼容JS的类Web开发范式） UI开发（兼容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对象 OffscreenCanvasRenderingContext2D对象 栅格布局 Svg开发指导 基础知识 绘制图形 绘制路径 绘制文本 动效开发指导 CSS动画 属性样式动画 transform样式动画 background-position样式动画 svg动画 JS动画 组件动画 插值器动画 动画动效 动画帧 自定义组件