Alternatively, you could handle your layout
the way most apps on your phone do, with
responsive design.

That would manage the overall layout but wouldn't fix the error in the native scroller.

But you can count me as another one who would like to see easier scroller implementation on mobile.

--
Jacqueline Landman Gay | jac...@hyperactivesw.com
HyperActive Software | http://www.hyperactivesw.com
On June 1, 2021 3:15:07 PM Richard Gaskin via use-livecode <use-livecode@lists.runrev.com> wrote:

Alternatively, you could handle your layout the way most apps on your
phone do, with responsive design.


1. Add this to your stack script:

on ResizeCommon x,y
   -- Header:
   set the rect of grc ID 1003 to 0,0,x,92
   set the rect of fld ID 1005 to 0,19,x,90
   --
   -- Footer:
   set the rect of widget "navigation" to 0,y-57, x, y
end ResizeCommon



2. Add this to cd 1 after grouping your buttons:

on resizeStack x,y
   ResizeCommon x,y -- see stack script
   set the loc of grp "btns" to item 1 of the loc of this cd, \
         item 2 of the loc of this cd + 20
end resizeStack



3. Add this to cd 2:

on resizeStack x,y
   ResizeCommon x,y -- see stack script
   set the rect of fld "spielanleitung" to 0, \
         the bottom of grp "top", \
         x, the top of grp "navibar"
   scrollererstellen
end resizeStack


This quickie responsive setup took me about 5 minutes, less time than
spent working around the bug, and now with a UI that works on all device
types and screen ratios, with fixed predictable control sizes, and no
cropping, padding, or distortion.

Bonus: Another few minutes on the cd 1 buttons group would even allow
both orientations to be supported.


Play with the resizing right in the IDE here:
go url "http://fourthworld.net/lc/scrollbugRD.livecode";

--
 Richard Gaskin
 Fourth World Systems
 Software Design and Development for the Desktop, Mobile, and the Web
 ____________________________________________________________________
 ambassa...@fourthworld.com                http://www.FourthWorld.com

_______________________________________________
use-livecode mailing list
use-livecode@lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your subscription preferences:
http://lists.runrev.com/mailman/listinfo/use-livecode




_______________________________________________
use-livecode mailing list
use-livecode@lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your subscription 
preferences:
http://lists.runrev.com/mailman/listinfo/use-livecode

Reply via email to