RoundedRect effect for a rectangle image

Solar2D General Questions/Discussion
#1

How do I give RoundedRect effect for a rectangle image? [import]uid: 48484 topic_id: 20316 reply_id: 320316[/import]

#2

For an actual image you’d be more likely to create the image with rounded corners - is that what you’re trying to do?

Peach :slight_smile: [import]uid: 52491 topic_id: 20316 reply_id: 79388[/import]

#3

Appreciate your followup.

I have bunch of images - some places, I would like to be in a rectangle view and some places I would like them to be rounded rectangle icons inside our app - instead of making 2 sets of these images.

Is there a way to do it programmatically? [import]uid: 48484 topic_id: 20316 reply_id: 79493[/import]

#4

Hey Rajesh,

No, I believe at the current time we don’t have a better way of doing this than using a new image, or using a sprite sheet with two frames and changing between the two.

I will however speak with another member of the team who may have some extra info, I’ll post back if I find out anything useful for you.

Peach :slight_smile: [import]uid: 52491 topic_id: 20316 reply_id: 79651[/import]

#5

Peach,

Thanks for the update. Please keep me posted if there are any programatic workarounds.

thanks,
Rajesh. [import]uid: 48484 topic_id: 20316 reply_id: 79696[/import]

#6

I just received an email from another member of the team with these suggestions;

_"I have two suggestion. One is to create graphics with extra space around the edges and overlay a newRoundedRect with a solid border and make the inside of the rect transparent with an alpha channel of 0. That would make it look like it has rounded edges with a thick border. You could also add a newRect with a border for the other graphics to make them look consistence (both having borders).

The second suggestion is create a mask image that has rounded edges and apply it to the image. You may want to create a second mask that is not rounded so the viewable image size is consistence between the two graphics._
"

I don’t know that either are what you are looking for, or easier than a second set of images but felt they were worth sharing.

Peach :slight_smile: [import]uid: 52491 topic_id: 20316 reply_id: 79787[/import]

#7

Thanks for the suggestions, good to know.

I was trying to avoid the roundtrip with the art work team and based on the suggestions, looks like, its easier to keep 2 sets of icons. I wish it was simpler and programmatic with an API/options.

Once again, thanks for your followup and support.
[import]uid: 48484 topic_id: 20316 reply_id: 80556[/import]

#8

Not a problem Rajesh,

I’d encourage you to make a post in Feature Requests about this.

Peach :slight_smile: [import]uid: 52491 topic_id: 20316 reply_id: 80580[/import]

#9

Can you use masking for this? [import]uid: 19626 topic_id: 20316 reply_id: 80628[/import]

#10

You could (see post #5) :slight_smile: [import]uid: 52491 topic_id: 20316 reply_id: 80777[/import]