What is the equivalent of border-radius in roblox studio?

user_17566880 0
Viewed 349

I have been previously working with css and there is a property in that i.e., border-radius with which i can change the radiuses of all the four sides independently. Now i have started making roblox games and i want to round my GUI elements but i found only one plugin that is roundify which rounds all the four corners equally but i want to round them independently (seperate rounding values for different corners). I searched the property panel also but did not find that. Please can anyone tell me how to change the border-radiuses differently.

roblox border-radius
2 Answers

Take a look at the docs for UICorner.

To use the UICorner UIComponent:

  1. Create a Frame / ImageLabel / ImageButton /TextLabel / TextButton / ViewpointFrame / etc.
  2. Insert a UICorner component as its child
  3. Adjust the round corner radius by changing the CornerRadius property

There are also notes about when to consider using 9-Slice image assets as well.

user_28602670

I think I have used the plugin that you use to roundify the corners, and I looked into how it worked.

What I think is happening here is that the plugin, rather than adding a script, just changed the button to a rounded image.

You would have to find a way to make an image where all corners can be rounded separately, probably with an outside program. From what I see there isn’t really a way to do this with scripts.

Hope this helped.

user_160157420
Related