- HarmonyOS APP开发：SVG交互与动态图形📌 核心要点：掌握SVG事件处理、路径动画、数据驱动更新与手势操作，构建可交互数据地图等复杂动态矢量图形应用。 一、背景与动机你有没有在手机上看过那种"点击省份查看数据"的可交互地图？或者那种数据变化时柱状图丝滑过渡的动态图表？再或者那种手指拖动就能旋转的3D饼图？这些效果背后都有一个共同的技术基础——SVG交互。SVG天生就是为交互而... HarmonyOS APP开发：SVG交互与动态图形📌 核心要点：掌握SVG事件处理、路径动画、数据驱动更新与手势操作，构建可交互数据地图等复杂动态矢量图形应用。 一、背景与动机你有没有在手机上看过那种"点击省份查看数据"的可交互地图？或者那种数据变化时柱状图丝滑过渡的动态图表？再或者那种手指拖动就能旋转的3D饼图？这些效果背后都有一个共同的技术基础——SVG交互。SVG天生就是为交互而...
- HarmonyOS开发：SVG动画与SMIL动画 核心要点SVG动画分为SMIL声明式动画和JavaScript驱动动画两种方式HarmonyOS通过ArkUI的Canvas组件渲染SVG，支持animate、animateTransform等SMIL元素动画性能优化需关注硬件加速、帧率控制和内存管理实际开发中常结合属性动画和路径动画实现复杂视觉效果 一、背景与动机 1.1 SVG动画的应... HarmonyOS开发：SVG动画与SMIL动画 核心要点SVG动画分为SMIL声明式动画和JavaScript驱动动画两种方式HarmonyOS通过ArkUI的Canvas组件渲染SVG，支持animate、animateTransform等SMIL元素动画性能优化需关注硬件加速、帧率控制和内存管理实际开发中常结合属性动画和路径动画实现复杂视觉效果 一、背景与动机 1.1 SVG动画的应...
- HarmonyOS APP开发：Canvas实战项目——手绘白板应用📌 核心要点：基于HarmonyOS Canvas组件构建完整的手绘白板应用，涵盖笔触效果、撤销重做、导出分享等核心功能，打造流畅自然的绘画体验。 一、背景与动机你有没有这样的经历？开会时想随手画个流程图说明思路，却发现手边只有手机；给孩子讲数学题，想画个辅助线却找不到纸笔；灵感突然来了，想快速勾勒一个UI草图，却打开绘... HarmonyOS APP开发：Canvas实战项目——手绘白板应用📌 核心要点：基于HarmonyOS Canvas组件构建完整的手绘白板应用，涵盖笔触效果、撤销重做、导出分享等核心功能，打造流畅自然的绘画体验。 一、背景与动机你有没有这样的经历？开会时想随手画个流程图说明思路，却发现手边只有手机；给孩子讲数学题，想画个辅助线却找不到纸笔；灵感突然来了，想快速勾勒一个UI草图，却打开绘...
- HarmonyOS APP开发：离屏渲染与双缓冲技术📌 核心要点：掌握离屏渲染的核心原理与OffscreenCanvas使用方法，通过双缓冲机制消除画面撕裂与闪烁，实现截图、滤镜、预渲染等高级图形功能，让复杂绘制场景的性能提升3-5倍。 一、背景与动机你有没有遇到过这种诡异的现象——Canvas绘制动画时，画面像老式电视一样"闪"个不停，或者截图功能截出来的图片总是"半成品"？又或者，一... HarmonyOS APP开发：离屏渲染与双缓冲技术📌 核心要点：掌握离屏渲染的核心原理与OffscreenCanvas使用方法，通过双缓冲机制消除画面撕裂与闪烁，实现截图、滤镜、预渲染等高级图形功能，让复杂绘制场景的性能提升3-5倍。 一、背景与动机你有没有遇到过这种诡异的现象——Canvas绘制动画时，画面像老式电视一样"闪"个不停，或者截图功能截出来的图片总是"半成品"？又或者，一...
- HarmonyOS APP开发：图形渲染内存优化与资源管理📌 核心要点：掌握HarmonyOS图形渲染的内存模型与生命周期，通过纹理管理、图片采样压缩、缓冲区复用和泄漏检测等手段，将图形内存占用降低40%以上，让应用在低端设备上也能流畅运行。 一、背景与动机你有没有遇到过这种情况——开发的应用在旗舰机上跑得丝滑，一到中低端设备就频繁卡顿甚至闪退？打开DevEco Profiler一看，好... HarmonyOS APP开发：图形渲染内存优化与资源管理📌 核心要点：掌握HarmonyOS图形渲染的内存模型与生命周期，通过纹理管理、图片采样压缩、缓冲区复用和泄漏检测等手段，将图形内存占用降低40%以上，让应用在低端设备上也能流畅运行。 一、背景与动机你有没有遇到过这种情况——开发的应用在旗舰机上跑得丝滑，一到中低端设备就频繁卡顿甚至闪退？打开DevEco Profiler一看，好...
- HarmonyOS APP开发：帧率优化与流畅度提升实战📌 核心要点：从30fps到60fps的完整优化路径，掌握帧率指标体系、主线程耗时治理、渲染线程优化、VSync对齐策略，让你的应用丝滑如绸。 一、背景与动机用户打开你的App，手指轻轻一划——页面卡了一下。就这一下，0.1秒的停顿，用户的潜意识已经给你的App打上了"不够流畅"的标签。帧率是用户体验的"底线指标"。功能可以慢慢加，... HarmonyOS APP开发：帧率优化与流畅度提升实战📌 核心要点：从30fps到60fps的完整优化路径，掌握帧率指标体系、主线程耗时治理、渲染线程优化、VSync对齐策略，让你的应用丝滑如绸。 一、背景与动机用户打开你的App，手指轻轻一划——页面卡了一下。就这一下，0.1秒的停顿，用户的潜意识已经给你的App打上了"不够流畅"的标签。帧率是用户体验的"底线指标"。功能可以慢慢加，...
- HarmonyOS APP开发：动效自动化测试与回归保障📌 核心要点：构建动效自动化测试体系，通过截图对比、帧率基准、CI/CD集成，确保每次代码提交都不会"悄悄"破坏动效体验。 一、背景与动机你有没有遇到过这种情况？某个版本发布后，用户反馈"页面切换卡了"，但你翻遍代码变更记录，没有任何人改过动画相关的代码。最后排查发现，是一个看似无关的布局调整导致主线程耗时增加，间接影响了动画帧率。... HarmonyOS APP开发：动效自动化测试与回归保障📌 核心要点：构建动效自动化测试体系，通过截图对比、帧率基准、CI/CD集成，确保每次代码提交都不会"悄悄"破坏动效体验。 一、背景与动机你有没有遇到过这种情况？某个版本发布后，用户反馈"页面切换卡了"，但你翻遍代码变更记录，没有任何人改过动画相关的代码。最后排查发现，是一个看似无关的布局调整导致主线程耗时增加，间接影响了动画帧率。...
- HarmonyOS开发：动效调试工具与动画预览📌 核心要点：掌握DevEco Studio动画调试器、曲线编辑器、Lottie预览等工具链，让动效从"凭感觉调"变成"精确可控"。 一、背景与动机你有没有经历过这样的场景？设计师给你一个动效标注，写着"ease-out 300ms"，你写完代码一看——"不对啊，怎么感觉比设计稿慢？“然后你把300改成250，还是不对，改成280，还是不对…... HarmonyOS开发：动效调试工具与动画预览📌 核心要点：掌握DevEco Studio动画调试器、曲线编辑器、Lottie预览等工具链，让动效从"凭感觉调"变成"精确可控"。 一、背景与动机你有没有经历过这样的场景？设计师给你一个动效标注，写着"ease-out 300ms"，你写完代码一看——"不对啊，怎么感觉比设计稿慢？“然后你把300改成250，还是不对，改成280，还是不对…...
- HarmonyOS开发：自定义动效设计与品牌化动效系统📌 核心要点：从零构建一套属于你自己品牌的动效Token系统，让每一个动画细节都传递品牌个性，而不是千篇一律的默认效果。 一、背景与动机你打开两个不同的App，发现它们的按钮点击效果一模一样，页面转场一模一样，下拉刷新一模一样——就像走进了两家装修完全一样的餐厅，连菜单都一样。这能叫品牌吗？动效是品牌的"肢体语言"。就像一个人走路、挥... HarmonyOS开发：自定义动效设计与品牌化动效系统📌 核心要点：从零构建一套属于你自己品牌的动效Token系统，让每一个动画细节都传递品牌个性，而不是千篇一律的默认效果。 一、背景与动机你打开两个不同的App，发现它们的按钮点击效果一模一样，页面转场一模一样，下拉刷新一模一样——就像走进了两家装修完全一样的餐厅，连菜单都一样。这能叫品牌吗？动效是品牌的"肢体语言"。就像一个人走路、挥...
- HarmonyOS APP开发：Material Design动效体系与实现📌 核心要点：掌握Material Design三大核心转场动效（容器转换、共享轴、淡入淡出）在HarmonyOS中的完整实现，让你的应用转场体验从"能用"跃升到"好用"。 一、背景与动机你有没有过这样的体验？打开一个App，点击列表项跳到详情页，画面"啪"地一下就切过去了——毫无过渡，毫无美感，仿佛在翻一本没有... HarmonyOS APP开发：Material Design动效体系与实现📌 核心要点：掌握Material Design三大核心转场动效（容器转换、共享轴、淡入淡出）在HarmonyOS中的完整实现，让你的应用转场体验从"能用"跃升到"好用"。 一、背景与动机你有没有过这样的体验？打开一个App，点击列表项跳到详情页，画面"啪"地一下就切过去了——毫无过渡，毫无美感，仿佛在翻一本没有...
- HarmonyOS APP开发：3D交互与手势控制📌 核心要点：从射线拾取原理到3D旋转/缩放/平移手势的完整实现，掌握3D物体选择、高亮反馈与交互状态管理，打造一个可交互的3D产品展示器。 一、背景与动机你有没有用过那种3D产品展示页面？比如看一双球鞋，手指一划就能360度旋转，双指一捏就能放大看细节，点一下鞋面还能高亮选中。这种交互体验，比看2D图片强太多了。但3D交互的难点在于——... HarmonyOS APP开发：3D交互与手势控制📌 核心要点：从射线拾取原理到3D旋转/缩放/平移手势的完整实现，掌握3D物体选择、高亮反馈与交互状态管理，打造一个可交互的3D产品展示器。 一、背景与动机你有没有用过那种3D产品展示页面？比如看一双球鞋，手指一划就能360度旋转，双指一捏就能放大看细节，点一下鞋面还能高亮选中。这种交互体验，比看2D图片强太多了。但3D交互的难点在于——...
- HarmonyOS APP开发：天气特效与动态背景渲染📌 核心要点：构建完整天气特效系统，实现雨雪粒子、云层渲染、闪电效果、天气状态切换动画，打造沉浸式天气App动态背景。 一、背景与动机打开手机上的天气App，如果只是干巴巴地显示"晴 26°C"，你会觉得这App有灵魂吗？大概率不会。但如果背景是缓缓飘动的白云、偶尔掠过的飞鸟、阳光透过云层洒下的光斑——哪怕温度数字一模一样，你的感受也... HarmonyOS APP开发：天气特效与动态背景渲染📌 核心要点：构建完整天气特效系统，实现雨雪粒子、云层渲染、闪电效果、天气状态切换动画，打造沉浸式天气App动态背景。 一、背景与动机打开手机上的天气App，如果只是干巴巴地显示"晴 26°C"，你会觉得这App有灵魂吗？大概率不会。但如果背景是缓缓飘动的白云、偶尔掠过的飞鸟、阳光透过云层洒下的光斑——哪怕温度数字一模一样，你的感受也...
- HarmonyOS开发：转场协调与多元素联动动画📌 核心要点：掌握多元素转场协调与联动动画编排，实现页面间元素无缝衔接、状态同步管理、中断恢复等高级转场交互。 一、背景与动机你用过那些让人"哇"一声的App吗？比如点开一张图片，它从列表中的缩略图位置"飞"到全屏预览页；再比如切换Tab时，标题文字像水一样流淌到新位置。这些效果背后，都是转场协调与联动动画在撑场面。转场动画和普通动画最大的... HarmonyOS开发：转场协调与多元素联动动画📌 核心要点：掌握多元素转场协调与联动动画编排，实现页面间元素无缝衔接、状态同步管理、中断恢复等高级转场交互。 一、背景与动机你用过那些让人"哇"一声的App吗？比如点开一张图片，它从列表中的缩略图位置"飞"到全屏预览页；再比如切换Tab时，标题文字像水一样流淌到新位置。这些效果背后，都是转场协调与联动动画在撑场面。转场动画和普通动画最大的...
- HarmonyOS开发：自定义转场与转场工厂 核心要点自定义转场允许开发者突破内置转场的限制，实现独特的视觉效果转场工厂模式提供统一的转场管理，确保应用内转场效果的一致性通过转场代理（TransitionProxy）可实现转场过程的精细控制自定义转场需要平衡创意性和性能，避免过度复杂的动画 一、背景与动机 1.1 为什么需要自定义转场HarmonyOS内置的转场效果（滑动、淡入淡出、缩放）... HarmonyOS开发：自定义转场与转场工厂 核心要点自定义转场允许开发者突破内置转场的限制，实现独特的视觉效果转场工厂模式提供统一的转场管理，确保应用内转场效果的一致性通过转场代理（TransitionProxy）可实现转场过程的精细控制自定义转场需要平衡创意性和性能，避免过度复杂的动画 一、背景与动机 1.1 为什么需要自定义转场HarmonyOS内置的转场效果（滑动、淡入淡出、缩放）...
- HarmonyOS APP开发：共享元素转场与元素联动 核心要点共享元素转场（Shared Element Transition）实现页面间元素的连续过渡，创造无缝的视觉体验通过geometryTransition和sharedTransition配置共享元素，支持位置、大小、圆角等属性的平滑过渡元素联动机制允许多个共享元素协调动画，形成层次分明的转场效果正确配置元素ID和过渡属性是确保转... HarmonyOS APP开发：共享元素转场与元素联动 核心要点共享元素转场（Shared Element Transition）实现页面间元素的连续过渡，创造无缝的视觉体验通过geometryTransition和sharedTransition配置共享元素，支持位置、大小、圆角等属性的平滑过渡元素联动机制允许多个共享元素协调动画，形成层次分明的转场效果正确配置元素ID和过渡属性是确保转...
上滑加载中
推荐直播
-
华为云码道 × 仓颉编程：工程化AI编码探索2026/05/27 周三 19:00-21:00
刘俊杰-华为云仓颉语言专家/李炎-华为云码道技术专家/王智鹏-OpenCangjie开源社区发起人
本场直播围绕华为云仓颉语言与华为云码道的深度结合，展示华为云智能编程从零基础到高效落地的完整生态能力。以华为云码道为引擎，仓颉语言为载体，带给大家日常提效、趣味创新到极速量产的开发体验。
回顾中 -
一个AI团队帮你写代码：华为云码道Agent Space实战2026/06/25 周四 19:00-21:00
张翰文-华为云码道工程师/郭英旭-青软创新科技集团股份有限公司 软件架构师
本场直播聚焦华为云码道Agent Space两大模式：研发办公、代码开发，亲身体验从需求到代码的AI自动化能力。实操演示基于华为 CodeArts CLI，依托 OpenSpec 规格体系从零搭建业务项目。
回顾中
热门标签