如何自己动手打造HarmonyOS App中的个性化长尾圆形图片组件？

本文共计1013个文字，预计阅读时间需要5分钟。

在开发使用Java配合xml布局编写鹅毛app页面时，发现SDK自带的Image组件无法将图片设置为圆形。查阅了官方API手册（主要关注了Component和Image相关的API），初步发现了解决方案。

一、背景

在采用Java配合xml布局编写鸿蒙app页面的时候，发现sdk自带的Image组件并不能将图片设置成圆形，反复了翻阅了官方API手册（主要查阅了Compont和Image相关的API），起初发现了一个setCornerRadius方法，于是想着将图片宽度和高度设置为一样，然后调用该方法将radios设置为宽度或者高度的一半，以为可以实现圆形图片的效果，后来发现不行。于是乎想着能不能通过继承原有的Image自己来动手重新自定义一个支持圆形的图片组件。

二、思路：

1、对比之前自己在其他程序开发中自定义组件的思路，首先寻找父组件Image和Component相关的Api，看看是否具备OnDraw方法。

2、了解Canvas相关Api操作，特别是涉及到位图的操作。