Simple page navigation
Pagination can be executed locally using the action attribute of the objects.
The jsonl
lines below will setup 3 buttons to the bottom of a 240x320 screen which will navigate back and forth between the pages using action
attribute:
{"page":0,"id":1,"obj":"btn","action":"prev","x":0,"y":290,"w":79,"h":32,"bg_color":"#2C3E50","text":"\uE141","text_color":"#FFFFFF","radius":0,"border_side":0,"text_font":28}
{"page":0,"id":2,"obj":"btn","action":"back","x":80,"y":290,"w":80,"h":32,"bg_color":"#2C3E50","text":"\uE2DC","text_color":"#FFFFFF","radius":0,"border_side":0,"text_font":22}
{"page":0,"id":3,"obj":"btn","action":"next","x":161,"y":290,"w":79,"h":32,"bg_color":"#2C3E50","text":"\uE142","text_color":"#FFFFFF","radius":0,"border_side":0,"text_font":28}
Local pagination can be also acomplished by enabling swipe gesture on certain objects.
The jsonl
line below will setup an invisible rectangle overlay at the top of the screen with enabled swipe
:
{"page":0,"id":6,"obj":"obj","swipe":1,"x":0,"y":0,"h":30,"w":240,"opacity":0,"comment":"swipe-area-at-top"}
Note
You should to make sure that in your pages.jsonl
these lines appear at the end of the file, so that these objects remain at the top, and no others will be drawn on top of them.
To limit page navigation only to page numbers between 1 and 6:
{"page":1,"id":0,"prev":6}
{"page":6,"id":0,"next":1}