How to create scroll menu

How to
1

What do you want to achieve?

i want to create scroll icon menu screen.

What have you tried so far?

i am able to use code and code in discovery board

Screenshot or video

Others

  • SquareLine Studio version:
    1.1.1
  • Operating system:
    window
  • Target hardware:
    STM32f746G DISCO
2

Please send and image/video about what you exactly mean by “scroll menu”.

3

widget-appearance
similar to this

4

Have you looked at the roller control?
This should give you that type of functionality.

Andy

5

hi thanks for replay. in roller control we have label roller there is no option to place image.

i had working with standard library of lvgl. in that we got option to create scroll page of any length and can place button with image. here in square line i am not able to find option how to do this!

6

I suggest creating a component for the list items with

  • width=100%
  • height=content
  • add a placeholder image and/or text as children

Just add as many component you need into a panel widget. If you enable the SCROLLABLE flag on the panel, it automatically becomes scrollable it its content overflows.

To align the children below each other you have 2 options:

  1. Place them manually.
  2. After ui_init() in the exported code call lv_obj_set_flex_flow(ui_Panel1, LV_FLEX_FLOW_COLUMN);

In v1.2 which will be released still this year there will be layouts in SLS too, so creating any kind of custom lists will be very simple.

1 Like