Check Mobile App
Read now
Start a Project

How to set circular background color in CircleImageView

Save

We often need to set the background colour of an image and for that we use

But in case of CircleImageView, when we use setBackgroundColor() function it sets the background colour in a quadrilateral shape.
circular

To set a circular background colour behind a CircularImageView you can use

As we can see void setColorFilter (int colour,PorterDuff.Mode mode) need two parameters a colour and Porter-Duff mode to be the colour filter for a drawable. This function actually combines images as per the user’s requirements.

 

The color is the background colour we want and Porter-Duff.mode defines the way of combining images.

 

For the first parameter, if you want to generate a random colour you can use the below code segment

 

And for the second parameter, there are several Porter-Duff.mode which can be used for combining images like DST_ATOP, SRC_ATOP, DST_IN, DST_OUT etc. The image below provide good understanding of some of the modes

table

 

REFERENCES :

  1. http://ssp.impulsetrain.com/porterduff.html
  2. https://developer.android.com/reference/android/graphics/drawable/Drawable.html
. . .

Leave a Comment

Your email address will not be published. Required fields are marked*


Be the first to comment.

css.php

Very good company, we did get app extension for Magento 2 website. The support was very good they help us through the process. Webkul team is very supportive, I would recommend them.

Yasser Mohamed

Yasser Mohamed

Talk to Sales

Global

Live Chat
Start a Project

    Message Sent!

    If you have more details or questions, you can reply to the received confirmation email.

    Back to Home