《HarmonyOS应用开发基础》 课件全套 实操 项目1--3 走进HarmonyOS应用开发--- 走进Stage模型下的业务能力开发.pptx

项目1走进HarmonyOS应用开发;任务1搭建HarmonyOS应用开发环境;任务描述;任务实施;01;下载并安装DevEcoStudio;下载并安装DevEcoStudio;下载并安装DevEcoStudio;设置npm和Node.js;设置npm和Node.js;下载HarmonyOSSDK;下载HarmonyOSSDK;下载HarmonyOSSDK;创建HarmonyOS工程;创建HarmonyOS工程;创建HarmonyOS工程;实时预览HarmonyOS应用;实时预览HarmonyOS应用;在模拟器上运行HarmonyOS应用;在模拟器上运行HarmonyOS应用;任务小结;任务2使用TypeScript基础语法;任务2使用TypeScript基础语法;任务实施;01;创建TS源文件

编写TS代码

编译与运行TS文件;创建TS源文件

编写TS代码

编译与运行TS文件;创建TS源文件

编写TS代码

编译与运行TS文件;练习使用TypeScript的常用基础数据类型;任务2使用TypeScript基础语法;任务3使用TypeScript进阶语法;任务3使用TypeScript进阶语法;任务实施;01;练习下面不同情况函数的定义与调用：

有返回值和无返回值

无参数和有参数

匿名函数和箭头函数

函数的声明;02类的使用;03接口的使用;任务3使用TypeScript进阶语法;任务1认识ArkTS工程;任务1认识ArkTS工程;任务实施;01;直接使用字符串

将字符串配置到字符串资源文件string.json中

使用字符串资源;直接使用颜色值

使用color.json中的颜色资源

;03调整应用运行的首页;任务1认识ArkTS工程;任务2认识ArkTS声明式开发;任务2认识ArkTS声明式开发;任务效果图预览;任务实施;01;声明式的页面结构

语法糖

链式调用;鼠标停留在组件位置，使用“CTRL+左键”跟踪源码

在源码中查看组件的用途、参数和属性;ArkTS的基础组件直接或者间接的都继承自CommonMethod类，CommonMethod中定义的属性样式属于公共样式。;04设置组件的常用公共属性;05使用@State状态变量;任务2认识ArkTS声明式开发;任务3开发设备控制页;任务3开发设备控制页;任务效果图预览;任务实施;01;01整理工程资源

;02设备控制页的UI结构分析;03最外层的Column布局设计;04设备控制区外框的Column布局设计

;05设备位置区的Row布局设计;06设备状态信息区的设计与开发

;07设备控制区的设计与开发

;08使用Blank和Divider组件

;任务3开发设备控制页;任务4开发数据展示页;任务4开发数据展示页;任务效果图预览;任务实施;01;01整??工程资源

;02数据展示区的Flex布局设计

;03调光灯带区设计

;04用Stack布局和进度条显示数据

;05用滑动条调节灯光亮度

;任务4开发数据展示页;任务5开发登录页;任务5开发登录页;任务效果图预览;任务实施;01;01整理工程资源

;02最外层布局设计

;03Logo区设计

;04添加状态变量

;05用户名/密码区设计

;06记住密码区设计

;07登录按钮区设计;08封装消息提示函数

;任务5开发登录页;任务6自定义组件;任务6自定义组件;任务效果图预览;任务实施;01;01整理工程资源

;02创建自定义组件目录和文件;03创建自定义组件并导出;03导入并调用自定义组件;04验证组件和页面的生命周期;任务6自定义组件;任务7渲染组件;任务7渲染组件;任务效果图预览;任务实施;01;01用条件渲染组件

;02封装数据实体类;03处理数据源;04导入数据源;05用循环渲染组件;06在生命周期函数中初始化数据-1;06在生命周期函数中初始化数据-2;任务7渲染组件;任务8组件间的状态管理;任务8组件间的状态管理;任务效果图预览;任务实施;01;01创建场景设置子组件

;02父组件向子组件的@State变量传值;03子组件用@Prop接收父组件的单向传值;04子组件用@Link实现父子间双向传值;05跨子孙组件间双向传值;任务8组件间的状态管理;任务9开发闪屏页;任务9开发闪屏页;任务效果图预览;任务实施;01;01整理工程资源

;02使用页面路由实现跳转并传值;03使用页面路由实现跳回;04接收路由参数;05使用Navigator实现页面跳转并传值;任务9开发闪屏页;任务10开发引导页;任务10开发引导页;任务效果图预览;任务实施;01