Use the Ugui method to achieve the image mask, fillet picture, circular picture effect

Achieve the rounded effect of the picture, circular picture effect, is a very common function, as follows

A lot of people will use shader to do, but too much trouble, online about Ugui to achieve this effect of the method I have not found

I know here is a very simple method, without writing a line of code

Now I'm going to tell you

The principle is to use mask masks to achieve

The first step:

Create the following directory structure, Avatar is need to deal with pictures, such as Avatar, etc.

Step Two:

Add two controls to mask, image and mask

ImageSource inside put graphic pictures, such as to round the effect, just put in a circular picture, find the art to or do it all very easy, such as the round corner of the following

Mask Show Mask Graphic do not choose, so you add the picture will not show up, will only show his shape

And then just

It's done.