Skip to main content
CHech.1
CHech.1
Associate III
September 13, 2021
Solved

Rectangle Frame widget?

  • September 13, 2021
  • 2 replies
  • 1099 views

Hi,

I'm working on a project that has to support highlighting "focused" components with a frame around them.

The buttons have images, so I need the "inside" of the frame to be transparent.

BoxWithBorder doesn't suit my needs, as I can't set the inside to be transparent and the border not to be (right?)

Is there a recommended way to do this without creating a widget from scratch?

Thank you!

This topic has been closed for replies.
Best answer by Romain DIELEMAN

Hi,

Unfortunately not that I am aware of. What I would do instead of creating a widget through code is to do a custom container instead where you use 4 box widgets to do the borders without alpha and either nothing or a box for the inside with alpha. You could always make it more intelligent through user code to have it adapt to the size of the images.

/Romain

2 replies

Romain DIELEMAN
Romain DIELEMANBest answer
ST Employee
September 13, 2021

Hi,

Unfortunately not that I am aware of. What I would do instead of creating a widget through code is to do a custom container instead where you use 4 box widgets to do the borders without alpha and either nothing or a box for the inside with alpha. You could always make it more intelligent through user code to have it adapt to the size of the images.

/Romain

Xzhiy.1
Xzhiy.1
Associate II
September 13, 2021

It's easy to derive class from that widget, and override draw() function, like this

virtual void draw(const touchgfx::Rect& invalidatedArea) const;

{

parent widget‘s draw();

draw your box; //your box will NOT exceed the width and height of widget

}

​

​may not work， just a hint.

​

Terms & ConditionsAccessibility statement