paged drag panel

[Alan Gray]

I need to implement a "paged" drag panel - something similar the the icon pages on iOS. Is there any built-in support for this in NGUI? Or should I just use a draggable panel and play with the spring/momentum and stop positions?

[ArenMook]

The latter. It's fairly easy to do -- OnPress(false), figure out where the closest "cell" is, and SpringPosition (or SpringPanel) to it.

[Ferazel]

I guess the question is what am I scrolling and what element position am I supposed to use? There are clip bounds, internal grid/layout positions, Panel centering, etc.

[ArenMook]

That really depends on your implementation and how you want to handle it.

[Alan Gray]

I finally got around to trying to implement this. It seems like I am fighting with the UIDraggablePanel code when I try to set the SpringPanel target position. I call SpringPanel.Begin() with OnPress(false) - which creates the SpringPanel (if it hasn't already been created) and sets the correct Target. Then UIDraggablePanel immediately disables the SpringPanel. Do I need to replace the UIDraggablePanel with my custom script?

[Alan Gray]

Was that question too stupid to answer?

[PhilipC]

No thats not it, its because Mike (ArenMook) is away for the week and i'm not sure where he was going with his idea.

Have you tried replacing UIDraggablePanel with you custom script as you suggested?

If i come up with a solution I will let you know.

[ENAY]

I think what is needed it a "snap to page size" function adding to NGUI.
For example "snap to page size = 400"

You drag your UIPanel and then it calculates which is the nearest multiple (ie 400,800,1200 etc) and then snaps to that direction. Right now the spring function only works at the very beginning or end of your UIPanel but it would be great if would spring in the middle of the UIPanel too.

[PhilipC]

Something we can look into for sure. Its always about how much time we have

[Alan Gray]

I tried replacing the UIDragPanel with my custom script. It sprang to my first "page" as expected but I lost all the important features of UIDragPanel - like panel layout and dragging. Haven't had time to look into it to see how much I would need to replicate from UIDragPanel to really make it work right. Somehow this seems like the wrong approach (duplicating an NGUI script and changing a few lines).

[Alan Gray]

Got it working (without duplicating a bunch of UIDraggablePanel code). Just disabled "Restrict Within Panel" on UIDraggablePanel - then it quit fighting with my paged version of SpringPanel. I have a "DragPanelPager" script everywhere I have a UIDragPanelContents. The script triggers on OnPress(false) and sets the SpringPanel to the desired page position.

1.         void OnPress(bool isPressed)
2.         {
3.                 if(!isPressed && (DragPanel != null))
4.                 {
5.                         Vector3 panelPos = DragPanel.localPosition;
6.                         panelPos.x = getPage() * -pageSize;
7.                         SpringPanel.Begin(DragPanel.gameObject, panelPos, 13f);
8.                 }
9.         }
10.  

If there is a better way, I'm all ears. Now I just need to take the swipe velocity into account so that it feels like iOS paged swipe.

[ArenMook]

Sounds like the right way to go, actually.