《HarmonyOS应用开发基础》 课件 实操 项目2 走进ArkTS声明式开发.pptx

任务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;01整理工程资源

;02实现引导页的轮播功能;03从引导页跳转到主页;任务10开发引导页;任务11开发主页;任务11开发主页;任务效果图预览;任务实施;01;01整理工程资源

;02tabBar的布局分析;03构建自定义的tabBar;04在Tabs中实现主页功能;任务11开发主页;任务12展示列表与网格数据;任务12展示列表与网格数据;任务效果图预览;任务实施;01;01整理工程资源

;02实现列表数据的展示;03自定义GridItem项布局组件;04实现网格数据的展示;任务12展示列表与网格数据;任务13开发自定义的时间弹窗;任务13开发自定义的时间弹窗;任务效果图预览;任务实施;01;01整理工程资源

;02实现自定义的对话框;03实现时间弹窗;03实现时间弹窗-验证时间选择的值;任务13开发自定义的时间弹窗;任务14使用动画;任务14使用动画;任务效果图预览;任务实施;01;01整理工程资源

;02页面整体布局设计与开发;03实现显式动画-1;03实现显式动画-2;04实现组件转场动画;05实现页面转场动画;任务14使用动画;任务15视频播放;任务15视频播放;任务效果图预览;任务实施;01;01整理工程资源

;02实现本地视频的播放;任务15视频播放