harmony 鸿蒙UI开发

2022-08-09
浏览 (2700)

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）
  - 显示图片（Image）
  - 自定义弹窗（CustomDialog）
  - 视频播放（Video）
  - XComponent
- 添加气泡和菜单
  - 气泡提示（Popup）
  - 菜单（Menu）
- 设置页面路由和组件导航
- 页面路由（router）
- 组件导航
  - Navigation
  - Tabs
- 显示图形
- 绘制几何图形（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动画
  - 组件动画
  - 插值器动画
  - 动画动效
  - 动画帧
- 自定义组件

你可能感兴趣的鸿蒙文章

harmony 鸿蒙动画衔接

harmony 鸿蒙动画概述

harmony 鸿蒙属性动画接口说明

harmony 鸿蒙属性动画概述

harmony 鸿蒙模糊

harmony 鸿蒙色彩

harmony 鸿蒙按钮（Button）

harmony 鸿蒙自定义弹窗（CustomDialog）

harmony 鸿蒙进度条（Progress）

harmony 鸿蒙单选框（Radio）

2 赞

所属分类： 后端技术
本文标签： 鸿蒙软件
版权声明： 原创文章如转载，请注明本文链接: https://m.seaxiang.com/blog/e95b821e1ad6445781051b8db54e4e58

热门推荐

1、直接访问google.com
2、 - 优质文章
3、 gate.io
4、 harmony 鸿蒙hdc使用指导
5、 harmony 鸿蒙初识ArkTS语言
6、 flink kafka connector scan.startup.mode 的几个选项
7、 openharmony
8、 golang
9、 Vue中input框自动聚焦
10、 harmony 鸿蒙ArkUI组件（ArkTS）开发常见问题

Loading...