Question

I have this image that comes back from an API, which represents the users avatar:

However, my graphics department has designed the app to mask the image to make it look like this at runtime (to match our existing design of sharp edges, etc):

Notice the small edge cutout on the bottom left?

I’d love to be able to create a custom ImageView that handled this for me. Unfortunately I’m not sure how to go about doing that. How can I create the bottom image in a custom ImageView. Is this possible? Do I mask it? If so, how?

Thanks!

Answer 1

Using Path and xfer modes to draw on canvas can do the trick. Check this answer how to draw pic to Closed curve area