265 views
in GUI Development by
Is there any possibility to give a shadow effect to the background of rectangle.

1 Answer

0 votes
by

Hello Melvin,

I would put another rectangle behind it and set its color to something dark. Arrange the new rectangle to the direction where you want the shadow. This results in a sharp shadow effect:

If you want the shadow to appear blurred, then:

Step 1: Create first an image with such shadow. You use a graphic editor (GIMP, Photoshop, Affinity Designer, etc.) for this purpose.

Step 2: Add the image to your Embedded Wizard project as a new bitmap resource.

Step 3: Use the Frame Bitmap view to display the bitmap resource.

Note the possibility to resize the image when using the Frame Bitmap view. The shadow can then change its size. The blur effect on the shadow (the blur radius) results from the used image. It will be static unless you use multiple images with differently large shadows.

Since shadows are usually single colored, it would be reasonable to configure the bitmap resource as so-called ALPHA8 bitmap. Then you can determine the shadow color dynamically at the runtime. You can fade-in/ot the shadow, for example.

I hope it helps you further.

Best regards

Paul Banach

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

...