576 views
in GUI Development by
Our application contains a full-screen user interface. Now we want to show a small video picture within the menu system, so that the user can follow the video content. How to show the content of a video layer within a full-screen user interface with a solid background color or image?

1 Answer

0 votes
by

Usually all UI components are drawn in blend mode. This enables transparent or semi-transparent UI parts on top of other UI elements. Additionally Embedded Wizard offers to use the copy mode. In this case an UI object is copied directly to the framebuffer without any alpha-blending. This brings a higher performance, but it makes overlapping of transparent UI objects impossible.

In order to show a small rectangular area from an underlying video layer, you can use exactly this effect. Simply drag and drop a new 'Filled Rectangle' from the templates Gallery 'Views' in your full-screen menu or panel, set the property 'AlphaBlended' of the rectangle to 'false' and its color to a transparent value (#00000000). Of course you need to set the correct position and size for the rectangle as well as for the video picture in the background, but from Embedded Wizard side the solution is very simple.

The following example shows a menu page including a transparent rectangle in copy mode. On the target system, the video layer can be positioned behind the rectangle area.

Ask Embedded Wizard

Welcome to the question and answer site for Embedded Wizard users and UI developers.

Ask your question and receive answers from the Embedded Wizard support team or from other members of the community!

Embedded Wizard Website | Privacy Policy | Imprint

...