Simple extension to create a scrollable list of items
- Use 1 Sprite for the
ListArea
, add to this sprite theDraggable
behavior . - Use 1 Sprite for the
MaskArea
. - Use 2 Sprites
Up button
,Down button
. - Use 1 Panel Sprite ("9-patch") for the
Slider button
, and addDraggable
behavior to this Sprite. - Use 1 Panel Sprite ("9-patch") for the
Slider background bar
.
- Use 1 Sprite for the
ItemButton
add to this Sprite the behaviorPinTo
. - Use 1 Sprite for the
ItemIcon
add to this Sprite the behaviorPinTo
. - Use 1 Text for the
ItemTitle
add to this Sprite the behaviorPinTo
. - Use 1 Text for the
ItemDescription
add to this Sprite the behaviorPinTo
.
Scene setup add add 2 Sprites the listArea
and the MaskArea
Depending on the ListArea
position the UpButton
, DownButton
, SliderButton
and SliderBackground
will be created.
- You end with something like this, the
white sprite
is theMaskArea
. - The
lightblue
is theListArea
- Add an empty event select the
ListArea
Sprite and look forList Scroll
then selectInit List Scroll
- Then add another action just below the previous and set the
Masked items
go toOthe actions
and setList Scroll -> Masked Items
- Source & Documentation https://github.com/UlisesFreitas/Listscroll-gdevelop
- Video Tutorial https://www.youtube.com/watch?v=7p3FD8WvYX4