Masking multiple swipe-through screens behind a static image

How-to
1

Description

What MCU/Processor/Board and compiler are you using?

Rockchip RK3128

What LVGL version are you using?

LVGL 8

What do you want to achieve?

A static mask over screens sliding underneath

What have you tried so far?

Nothing, not sure where to start

Our application requires a mask to be applied to provide a semi-circular viewport for the display. Our various LVGL screens are swiped though and animated as a sliding transition, but we want this to happen independently of the mask, which must stay in the same place regardless of the sliding screen.

Is there a way to locate a mask at a level above screens, so that it acts independently but is always applied

2

First off: I haven’t tested this or even attempted this.

However it seems a lot like this example:
https://docs.lvgl.io/8.3/examples.html#translate-on-scroll

So:

  • Create an object on the screen
  • Make it circular
  • Add your scrolling thing as a child of the circulair object
  • Profit :wink: