Anyone here versed in simulating iOS’s “Edit Home Screen” mode?
Specifically, I want to mockup an ios home screen thats editable— allowing you to click-and-drag apps around to rearrange them on the simulated home screen.
The part i am tripping over is how to mimmick the “collision-detection” and “scooting away” engines.
I have tried thinking thru using:
- The IF widget-x is OVER widget-y trigger — for when the dragged app is dragged over a non-dragged app.
- And if an app is in column-3, row-4, then move it right to column-4, but if its in column-4, then move it down to row-5, column-1, etc.
- But theres a reverse domino-effect that has to happen beforehand so that a parking space” opens up for the app being dragged.
I would “program” the columns and rows to shift the appropriate apps over left, right, and up, down.
I am afraid i am getting myself into a too-many, permutations-rabbit hole and nightmare tho’.
I think I only know the “brute strength” approach to these types of axure interactions.
Can someone (perhaps with a front end dev background) offer some pointer please?
Thanks!
John