应用开发导读:https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/application-dev-guide-V5
目录标题
- 【鸿蒙培训】第1天
- 【鸿蒙培训】第2天
- 【鸿蒙培训】第3天
- 【鸿蒙培训】第4天
- 【鸿蒙培训】第5天
- 状态管理
- 装饰器
- 基础组件
- 通用属性
- 容器组件
- 迭代完备
- 自学
【鸿蒙培训】第1天
1・【鸿蒙培训】第1天・环境安装
【鸿蒙培训】第2天
【鸿蒙培训】第2天・装饰器・组件和页面生命周期
1・ArkTS 拓展了 TypeScript,TypeScript 拓展了 JavaScript。 增加了一些约束。
2・ArkTS 是声明式编程。 构建对象时类似构建者设计模式。链式赋值。
3.@Component 自定义组件
4・@Entry 页面
5・页面和自定义组件生命周期
6・
7・
8・
9・
【鸿蒙学习笔记】创建自定义组件
【鸿蒙学习笔记】页面和自定义组件生命周期
【鸿蒙培训】第3天
1・@State
2・@Styles
3.@Extend
4・Blank()
5・Column
6・Image
7・Stack
8・Progress
【鸿蒙培训】第4天
1・@prop
2・@link
3・list
4・class
5・@builder
6・export
7・import
8・MVVM
9・
10・
【鸿蒙培训】第5天
1・属性动画
2・转场动画
3・组件导航
4・共享元素转场
5・@builder
6・export
7・import
8・MVVM
9・
10・
官方文档:属性动画
.rotate({ angle: this.rotateValue }) // 旋转
.translate({ x: this.animationValue, y: this.animationValue }) // 平移
.opacity(this.opacityValue) // 不透明度
.animation({ curve: curves.springMotion() }) // 弹簧效果
.bindContentCover(this.isPresent, this.MyDialog(), ModalTransition.DEFAULT) // 装订内容封面
状态管理
【鸿蒙学习笔记】@State
装饰器:组件内状态
【鸿蒙学习笔记】@Prop
装饰器:父子单向同步
装饰器
【鸿蒙学习笔记】@Styles
装饰器:定义组件重用样式
【鸿蒙学习笔记】@Extend
装饰器:定义扩展组件样式
基础组件
【鸿蒙学习笔记】基础组件Blank
:空白填充组件
【鸿蒙学习笔记】基础组件Progress
:进度条组件
【鸿蒙学习笔记】基础组件Button
:按钮
通用属性
容器组件
迭代完备
【鸿蒙学习笔记】Image
迭代完备
【鸿蒙学习笔记】Text
迭代完备
【鸿蒙学习笔记】Column
迭代完备
【鸿蒙学习笔记】Row
迭代完备
.backgroundColor(Color.Red)
.backgroundColor(0xF5DEB3)
.backgroundColor('F5DEB3')
.backgroundColor("F5DEB3")
private arr: number[] = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]