How to crop UI Image

Question

Greetings! I need to crop a UI image (that i use as healthbar) but apparently either I'm not good at searching things or can't find the answer... I don't want to change the scale because its complicated image and it will look messy, I want to crop or show the image based of the remaining life.

Any information is welcome I will do my best in that one!

Answer 1

Best Answer

Answer by Adcano · Nov 30, 2014 at 04:09 PM

You must set the image type to "Filled" in inspector.

If it's a health bar, your settings will be:

ImageType - Filled

Fill Method - horizontal

Fill Origin - left

Fill Amount - 1 (values go from 1 to 0) << Use that with scripting to reduce the healt ;)

Add comment · Show 3 · Share

Magok_Stelios · Nov 30, 2014 at 04:17 PM 0

Share

damn... so easy and couldn't make, i feel ashamed... thanks a lot dude :D

ElectricMonk · Sep 12, 2017 at 10:40 PM 0

Share

I was looking for this in unity 2017 and it seems to be hidden until you add a Source Image. Hopefully this is helpful to someone else.

Fattie · Jun 30, 2020 at 04:32 PM 0

Share

It's a great tip!

Answer 2

Answer by Mjbgtaad56 · Jun 28, 2016 at 04:51 AM

You can use a "Mask" component which will make all child objects that are in the same aria as it visible.

If you create a UI Image then add a mask script then create a new UI Component as a child of the GameObject with a mask, the child will only appear where the parent GameObject is visible. There is also a checkbox on the Mask component to hide the mask image.

Add comment · Show 1 · Share

Keyserjaya99 · Dec 09, 2018 at 06:43 AM 0

Share

U saved my life, thank you so much!

Answer 3

Answer by laurentlavigne · Aug 03, 2020 at 04:38 AM

https://forum.unity.com/threads/how-do-you-clip-an-image-with-another.944266/#post-6161944

Add comment · Share

How to crop UI Image

3 Replies

Your answer

Welcome to Unity Answers

Follow this Question

Related Questions