Search code examples
rokubrightscript

How to use Circle image View in Roku..?

I am using BrightScript and SceneGraph components to display an image in a circle view but Circle View option is not found. I want a view like the image below:

example

Solution

  • You have to insert your Poster node in a MaskGroup and then set a circular mask image to your mask group using the property maskUri.

    Check out Roku's MaskGroup example on GitHub.

    Keep in mind that the mask image needs to be solid black in order to achieve the effect that you want, for example:
    enter image description here