HarmonyOS 应用开发进阶——图形绘制

HarmonyOS 应用开发进阶——图形绘制

实战派全栈课:搭建可落地的上市公司信息管理平台

¥199.9
本课程包括
  • 1小时32分钟的视频随时观看
  • 可在APP随时观看
  • 结业证书
你将收获
  • 实战项目能力提升:通过抽奖转盘、画布应用两个完整案例,从项目搭建到功能实现,掌握从需求分析到代码落地的全流程开发思维。
  • 自定义组件与交互设计:学会封装可复用的绘制组件,实现复杂的用户交互逻辑,提升应用的视觉表现力与用户体验。
  • 掌握 Shape 与 Canvas 绘制体系:理解 Shape 组件的创建、视口控制与自定义样式,掌握 Canvas 直接绘制、离屏绘制及动画加载的核心方法。
  • 问题排查与调试能力:熟悉图形绘制中的常见问题与调试技巧,能够独立解决绘制过程中的性能瓶颈与视觉异常。
浏览相关主题
课程介绍

在移动应用与跨平台开发领域,用户对界面视觉效果和交互体验的要求日益提高。传统的组件库已难以满足个性化、高保真的设计需求,自定义图形绘制成为提升产品竞争力的核心技术。无论是电商平台的抽奖转盘、教育应用的互动画板,还是金融产品的数据可视化,都离不开对 Shape 和 Canvas 绘制能力的深入掌握。掌握这些技术,不仅能让开发者实现更丰富的视觉效果,更能在激烈的行业竞争中占据优势。

本课程通过三章内容,系统性地构建了从基础到实战的知识体系。第一章夯实图形绘制基础,让学员透彻理解 Shape 和 Canvas 的核心原理;第二章通过抽奖转盘案例,将理论转化为可落地的交互功能;第三章则通过画布应用实战,进一步提升复杂场景下的工程化开发能力。层层递进,帮助学员从“会用”走向“精通”,真正掌握图形绘制的“内功”。

课程主要内容涵盖 Shape 图形绘制的创建、视口、样式与场景示例,以及 Canvas 绘制的直接绘制、离屏绘制、动画加载、组件方法与实战案例。通过系统学习,学员不仅能掌握图形绘制的核心技术,更能培养独立分析需求、设计方案、解决问题的能力。本课程的最终目的,是帮助学员突破技术瓶颈,成为能够独立实现复杂 UI 与交互效果的高级开发人才。

适合人群
  • 移动应用开发工程师:希望在 Android、HarmonyOS 等平台中,通过 Shape 和 Canvas 实现复杂 UI 与交互动效的开发人员。
  •  前端与跨平台开发人员:需要在小程序、Flutter 等环境中,深入理解图形绘制原理,提升自定义组件与动画效果实现能力的开发者。
  • UI/UX 设计师与产品经理:希望理解图形绘制技术边界,更好地与开发团队协作,将设计稿高效落地的设计与产品人员。
讲师介绍
大前端+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分钟 全部收起
第一章 图形绘制
共10节 | 37分钟
  • 第一节 Shape图形绘制-创建绘制组件
    2分钟
  • 第二节 Shape图形绘制-形状视口
    8分钟
  • 第三节 Shape图形绘制-自定义样式
    6分钟
  • 第四节 Shape图形绘制-场景示例
    2分钟
  • 第五节 Canvas图形绘制-直接绘制
    2分钟
  • 第六节 Canvas图形绘制-离屏绘制
    2分钟
  • 第七节 Canvas图形绘制-加载动画
    5分钟
  • 第八节 Canvas图形绘制-画布组件绘制方式
    2分钟
  • 第九节 Canvas图形绘制-画布组件常用方法
    6分钟
  • 第十节 Canvas图形绘制-场景示例
    2分钟
第二章 基于Canvas实现抽奖转盘案例实战
共5节 | 32分钟
  • 第一节 案例介绍
    2分钟
  • 第二节 创建项目与准备资源
    2分钟
  • 第三节 绘制主界面
    19分钟
  • 第四节 点击“开始”抽奖
    4分钟
  • 第五节 显示抽奖结果
    5分钟
第三章 基于Canvas实现画布案例实战
共4节 | 23分钟
  • 第一节 案例介绍
    3分钟
  • 第二节 画布主界面
    12分钟
  • 第三节 管理绘图命令、绘制类、画笔接口、绘制路径接口
    4分钟
  • 第四节 自定义底部设置面板组件
    4分钟
资料包
图文
购课须知

课程有效期:

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

上课模式:

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

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