What do you want to achieve?
A horizontal scroll with icons where it snaps in the center of the screen to whatever icon it should be at each step as user scrolls left/right.
What have you tried so far?
Literally every combination of options I could think of. Read documentation on Squareline Studio for v1.5.0, LVGL, read forums, and ChatGPT 4o & o1 were no help.
Structure
- Images in containers
- Containers in containers
- Images in panels
- Panels in panels
- Images inside containers inside panels
- It goes on…
Properties - Containers
- Layout - Flex / Row / No wrap
- Alignment - I’m mostly doing Start / Center / Start but have tried different combinations
- Dimensions - Fixed height/width 100px
- Flags - Clickable, overflow visible, Scrollable, Scroll momentum, Scroll one with container always enabled, various combinations of other flags tried
Properties - Children Objects
- Flow - No layout
- Dimensions - 96px x 96px but also tried 1x1 container. 1fr was hiding icons
- Flags - Snappable as well as Snappable + various other additional flags
NOTE
In LVGL documentation, there is reference to snap to alignment but I dont see that option in SLS v.1.5.0. Not sure if I am not finding it, if it’s referenced or combined with something else, or if it’s just not there.
Screenshot or video
Detailed video showing my setup, what it’s doing, what I’ve tried, plus one bonus bug report:
Others
- SquareLine Studio version: v1.5.0
- Operating system: Windows 11 Pro 23H2 w/ latest updates
- Target hardware: Device I plan to use it on is the Waveshare ESP32-S3-Touch-LCD-1.28.
NOTE
I’ve gotten earlier builds displaying ok and even touch working (needs calibration though) thanks to another SLS forum post but haven’t tried this scroll one on the display. I’ve only tested scroll one in the SLS program.