HarmonyOS 应用开发进阶——动画和交互事件

HarmonyOS 应用开发进阶——动画和交互事件

从理论到实战:鸿蒙动画与交互全栈开发指南

¥199.9
本课程包括
  • 3小时48分钟的视频随时观看
  • 可在APP随时观看
  • 结业证书
你将收获
  • 动效设计与选型:掌握动效场景设计方法,理解不同动画能力(属性动画、显式动画、粒子动画、关键帧动画等)的适用场景与选型策略。
  • 动画实战开发:精通各类动画的代码实现,包括属性动画、animateTo、motionPath、粒子动画、关键帧动画及GIF/帧动画。
  • 交互事件体系:深入理解 HarmonyOS 交互事件与事件分发机制,熟练处理触屏、键鼠、焦点及各类手势事件(单击、长按、拖动、捏合、旋转、滑动等)。
  • 实战项目落地:通过“电子相册”“简易动效”“转场动画”等完整案例,掌握从需求分析到项目上线的全流程开发能力。
浏览相关主题
课程介绍

在移动应用体验日益升级的今天,流畅、精致的动效与交互已成为衡量应用品质的核心标准。HarmonyOS 作为新一代智能终端操作系统,为开发者提供了强大的动画与交互能力,但很多开发者在实际开发中,常面临动效选型不当、交互逻辑复杂、转场效果生硬等痛点,导致应用体验大打折扣。

本课程聚焦 HarmonyOS 动画与交互开发的核心痛点,通过系统化的知识拆解与实战项目驱动,为开发者提供一套完整的解决方案。它不仅覆盖了从基础动画到高级交互的全链路技术,更通过真实案例,帮助开发者快速打通“设计—开发—体验”的闭环,让动效与交互不再是技术壁垒,而是提升应用竞争力的有力工具。

课程共分为四大模块:从动画与交互事件的基础理论,到电子相册、简易动效、转场动画等实战项目,形成了从理论到实践的完整闭环。其核心目的,是帮助开发者系统掌握 HarmonyOS 下动画与交互的开发能力,快速构建高体验、高质感的应用,在鸿蒙生态中抢占先机。

适合人群
  • HarmonyOS 应用开发者:已有鸿蒙应用开发基础,希望通过丰富的动画与交互提升应用体验的开发人员。
  • 全栈开发与产品经理:需要主导应用交互体验升级,理解动效与交互实现逻辑,推动产品体验升级的团队核心成员。
  • 鸿蒙生态合作伙伴:企业或团队中负责 HarmonyOS 应用落地,需要快速掌握高级动效与交互开发能力的核心开发成员。
讲师介绍
大前端+AI开发者
擅长领域:
  • Vue.Js
  • React.Js
  • Node.JS
  • JavaScript
  • ChatGPT
  • 大语言模型
20年IT从业经验,华为HDE。前某知名大厂前端架构师,擅长鸿蒙原生应用开发,AIGC,Web3.0,微信小程序,Node.js,React,Vue,Angular,Hybrid,RN,Flutter,Electron,数据可视化等技术,丰富的前端架构经验。曾发布《HarmonyOS应用开发实战指南》,《Webpack5学习指南》,《Vite学习指南》,《TS学习指南》,《DOM探索之旅》,《Node.js基础与实战》,《Angular基础与实战》,《大数据可视化基础》,《Vue3+Electron基础与实战》,《Web3基础与实战》,《ChatGPT微信机器人》等视频教程,深受学生好评。
课程大纲
共0节 时长0分钟 全部收起
第一章 动画和交互事件
共28节 | 1小时56分钟
  • 第一节 动效场景设计
    11分钟
  • 第二节 动画能力选型
    5分钟
  • 第三节 动画实践案例-属性动画(animation)
    7分钟
  • 第四节 动画实践案例-显式动画(animateTo)
    4分钟
  • 第五节 动画实践案例-显式动画(motionPath)
    3分钟
  • 第六节 动画实践案例-显式动画(Particle)
    3分钟
  • 第七节 动画实践案例-关键帧动画
    3分钟
  • 第八节 动画实践案例-GIF动画与帧动画
    5分钟
  • 第九节 交互事件与事件分发
    4分钟
  • 第十节 触屏事件-单击事件
    2分钟
  • 第十一节 触屏事件-触屏事件
    4分钟
  • 第十二节 触屏事件-键鼠事件
    6分钟
  • 第十三节 触屏事件-焦点事件
    4分钟
  • 第十四节 手势事件-绑定手势方法-常规方法
    3分钟
  • 第十五节 手势事件-绑定手势方法-带优先级方法
    3分钟
  • 第十六节 手势事件-绑定手势方法-并行方法
    2分钟
  • 第十七节 单一手势-点击手势
    3分钟
  • 第十八节 单一手势-长按手势
    2分钟
  • 第十九节 单一手势-拖动手势
    4分钟
  • 第二十节 单一手势-捏和手势
    4分钟
  • 第二十一节 单一手势-旋转手势
    3分钟
  • 第二十二节 单一手势-滑动手势
    2分钟
  • 第二十三节 组合手势-顺序识别
    5分钟
  • 第二十四节 组合手势-并行识别
    2分钟
  • 第二十五节 组合手势-互斥识别
    4分钟
  • 第二十六节 页面间转场-转场场景设计-转场动效
    4分钟
  • 第二十七节 页面间转场-转场场景设计-转场场景
    7分钟
  • 第二十八节 页面间转场-转场场景开发
    5分钟
第二章 制作电子相册案例实战
共6节 | 49分钟
  • 第一节 案例介绍
    3分钟
  • 第二节 项目创建和资源准备
    2分钟
  • 第三节 应用首页
    9分钟
  • 第四节 图片列表页
    6分钟
  • 第五节 图片详情页
    15分钟
  • 第六节 查看大图页
    14分钟
第三章 实现简易动效案例实战
共5节 | 25分钟
  • 第一节 案例介绍
    2分钟
  • 第二节 项目创建和资源准备
    2分钟
  • 第三节 页面入口
    9分钟
  • 第四节 动画组件
    11分钟
  • 第五节 图标数量控制组件
    2分钟
第四章 实现转场动画案例实战
共7节 | 38分钟
  • 第一节 案例介绍
    4分钟
  • 第二节 实现“导航转场:默认”效果
    5分钟
  • 第三节 实现“导航转场:自定义-底部滑入滑出” 效果
    12分钟
  • 第四节 组件内转场
    4分钟
  • 第五节 模态转场
    3分钟
  • 第六节 共享元素转场
    4分钟
  • 第七节 卡片一镜到底
    7分钟
购课须知

课程有效期:

自购买课程之日起 365 天,部分参与营销活动产品以活动规则为准,请同学在有效期内学习、观看课程。

上课模式:

课程采取录播模式,请注意自学课无班级微信群、班主任带班及助教批改服务。

注:自学课不支持退款,确保你是真的需要再进行报名,报完名之后还请认真学习。