[LVGL] Support for Grid layout

[joysfera]

The LVGL's Grid layout is missing. Perhaps it could be implemented similarly to #300 ?

https://docs.lvgl.io/master/layouts/grid.html

I'd like to create a grid of identical widgets on the screen/display.

[mvladic]

Implemented!

Note: "Grid row descriptor" and "Grid column descriptor" is specified as a list of number, separated by space or comma:

[arbymohamed]

hello, i tried using this grid layout but i cant make it work. All the widget are just in one corner of the container i put them in.
us there a guide for this tool?

[mvladic]

By default, a Widget's children are not added to the grid. They need to be added manually to a cell.

Here is an example project:

lvgl_grid_test.zip

[arbymohamed]

thanks for the details, it is working now. Do all the widgets have to be the same? Let's say i want to arrange lables and drop_downs, would that work?

[mvladic]

Yes, you can use different widget types.

[arbymohamed]

i tried to add a drop-down here, but it's not in thre right position. If you look at the picture attached, the drop-dowb should be in col 0 row 2, right below row 0 and row 1 where the labels are. Maybe i did somethign wrong.
when i only use labels, it works as expected.

[mvladic]

You miss configured something, maybe"Grid row descriptor" of the Panel widget, it should have three numbers since you have three rows. Check my example:

lvgl_grid_test2.zip

[arbymohamed]

it was my fault, lol. i was modifying the selected part of the drop-down all this time. sorry if i waisted your time.
every works very well now. thank you