I’m developing an app on Roku, but I don’t know how to keep the app responsive. How can I make the video player adjust to the user’s screen size?A good part of my app is using png images to round corners, I haven’t tested it on larger TVs yet, but I’m sure it will break the layout. Has anyone else had this problem?
The approach I use is to get everything looking good at 1920x1080. Then switch my Roku to 1280x720 resolution and use a scaler value to scale dimensions where needed.
deviceInfo = CreateObject("roDeviceInfo")
uiResolution = deviceInfo.GetUIResolution()
uiScaler = uiResolution.width / 1920
There may be better ways of doing this, but this is the approach I’ve settled on for now.
Even though my monitor is 1080p and I have my Roku set to display 1080p in the system settings, whenever I use GetUIResolution() it always returns 1280x720 — not only on my monitor, but also when I test on a Full HD TV. This alone wouldn’t be a big deal, but here’s where it gets weird:
On my monitor, everything renders perfectly at 720p. However, when I move the same Roku device to a Full HD TV — which still displays 720p via GetUIResolution() — the layout breaks, especially the top bar, which is partially cut off.
It seems like Roku is resizing or cropping differently depending on the screen, even when the displayed resolution is the same.
Have you or anyone else experienced this type of behavior?
The only thing that comes to mind is the UI resolution setting in the manifest file.
Here’s mine:
# Resolution
ui_resolutions=hd,fhd
It’s set to hd and fhd. That covers 720p and 1080p.
Could it be that you only have it set to hd? I’d double check that first.
