Join our online forum to talk to Roku developers and fellow channel creators. Ask questions, share tips with the community, and find helpful resources.
2 Solutions
Accepted Solutions
You can do this by using 9patch images. Here's a sample project showing how to do it.
https://github.com/rokucommunity/sample-projects/tree/master/rounded-corners
A few things to consider:
- Roku supports both 720p and 1080p UI display sizings, so you need to produce both HD and FHD versions of these 9patch files, and pick the correct version depending on UI resolution (otherwise one of them will scale too large or small on the opposite resolution). I've handled this in my example by defining uri_resolution_autosub=$$RES$$,SD,HD,FHD in my manifest and then using $$RES$$ in my image uri.
- try to make your 9patch images pixel-perfect when possible. If the images are too large for your size, they'll do weird things (like cropping or inverting the image). If the images smaller than your button size, you'll end up with flat edges where the repeating zones are.
You can do this by using 9patch images. Here's a sample project showing how to do it.
https://github.com/rokucommunity/sample-projects/tree/master/rounded-corners
A few things to consider:
- Roku supports both 720p and 1080p UI display sizings, so you need to produce both HD and FHD versions of these 9patch files, and pick the correct version depending on UI resolution (otherwise one of them will scale too large or small on the opposite resolution). I've handled this in my example by defining uri_resolution_autosub=$$RES$$,SD,HD,FHD in my manifest and then using $$RES$$ in my image uri.
- try to make your 9patch images pixel-perfect when possible. If the images are too large for your size, they'll do weird things (like cropping or inverting the image). If the images smaller than your button size, you'll end up with flat edges where the repeating zones are.
