Draw a horizontal line in a widget

Patryk · March 20, 2024, 10:35am

Hi,

I was wondering what is the easiest way to draw a horizontal line in a widget.

I know I can do these:

Draw Context (e.g. Draw line on widget)
Background gradient (e.g. Strikethrough text in widget? - #3 by llui85)

But is there any easier way to add a simple line in order to separate visually two parts of the same widget?

Thanks,
Patryk

supermamon · March 20, 2024, 11:14am

How about a stack with a height of 1 with a background color?

const w = new ListWidget()

w.addSpacer()

let hline = w.addStack()
hline.size = new Size(0, 1)
hline.backgroundColor = Color.red()
hline.addSpacer()

w.addSpacer()

await w.presentMedium()

Patryk · March 20, 2024, 11:19am

Perfect. Thank you very much!

EDIT: I only had to change: new Size(0, 1) to: new Size(100, 1) in your example to make it visible in my widget.