Custom UI/UX Circular Head-icon

系列文章结构概述

1. 自定义UI 基础知识
2. 自定义UI 绘制饼图
3. 自定义UI 圆形头像
4. 自定义UI 自制表盘
5. 自定义UI 简易图文混排
6. 自定义UI 使用Camera做三维变换
7. 自定义UI 属性动画
8. 自定义UI 自定义布局

文章结构概览

• 系列文章目录

  • 序言

  • 构建绘制实体

  • • 导入头像

  • 定制绘制元素

  • • 绘制头像轮廓

    • 实现头像绘制

    • 图层合成

    • • Xfermode
      • 图片合成验证1
      • 配置离屏缓存区
      • • canvas#saveLayer

    • canvas#restoreToCount

      • 设定离屏缓存位置
      • 图片合成验证2

  • 参考资料

  • • 源代码

前言

这一组文章的核心内容是依托于扔物线的HenCoderPlus课程的源码展开学习与分析的。

• 扔物线课程相关代码：[AvatarView.j