Developers

[anilk1797]

Hello,

I am using rectangle node of scene graph. I want to set rounded corners on rectangle so please suggest me.

Xml code is:

<Rectangle
	id="showHide"
	color="#451bc1"
	visible="false"
	width="500"
	height="100"
	translation="[150,600]" />

[Techie]

Were you able to get it working?

[destruk]

Maybe overlay a png graphic as the background of the rectangle?

[vjani]

Was anyone able to do this? Need this feature as well.

[rovidx_media]

I was able to achieve this by using the poster node instead with a transparent PNG that had rounded corners, but it was a bit clunky with 24bit PNG's.   Worked great with 8bit, but the edges where jagged.

[joetesta]

far as i know the best way to do this is with a "9 patch" image on a poster node instead of trying to do some kind of radius on a rectangle

[vjani]

Thanks @joetesta, actually the requirement is to have the RowList items with rounded corners. So, do you mean I should create a 9patch image with transparent cutout area with rounded corners[where the cell content will fill] and background color(for negative space) matching the background of the screen(say black)? something like this? https://stackoverflow.com/questions/11224464/rounded-inner-corners-with-transparent-inside-frame 

[joetesta]

"vjani" wrote:
Thanks @joetesta, actually the requirement is to have the RowList items with rounded corners. So, do you mean I should create a 9patch image with transparent cutout area with rounded corners[where the cell content will fill] and background color(for negative space) matching the background of the screen(say black)? something like this? https://stackoverflow.com/questions/11224464/rounded-inner-corners-with-transparent-inside-frame 

I believe that is correct. Unfortunately the Roku documentation mentions 9-patch only in passing https://sdkdocs.roku.com/display/sdkdoc/Poster
And I'm no expert but know that 9-patch images do work on roku, you'll probably have to experiment a little.

[norcaljohnny]

"joetesta" wrote:

"vjani" wrote:
Thanks @joetesta, actually the requirement is to have the RowList items with rounded corners. So, do you mean I should create a 9patch image with transparent cutout area with rounded corners[where the cell content will fill] and background color(for negative space) matching the background of the screen(say black)? something like this? https://stackoverflow.com/questions/11224464/rounded-inner-corners-with-transparent-inside-frame 

I believe that is correct. Unfortunately the Roku documentation mentions 9-patch only in passing https://sdkdocs.roku.com/display/sdkdoc/Poster
And I'm no expert but know that 9-patch images do work on roku, you'll probably have to experiment a little.

Sadly, per Roku docs... Unlike other bitmaps, the MaskGroup node class does not work with 9-patch images.