Scrolling a group of icons on part of the screen

Getting Started Newbie Questions
#1

Hi,

Am just learning the SDK and trying to develop me first iPad app (best way to learn).

On the left side of the screen I have multiple icons that can be dragged to the right side, I want to be able to scroll the left side up/down/left/right to show different sets of icons.

I am playing with the ScrollView widget at the moment and have the icons scrolling up and down the screen but not going off the screen and a new set appearing.

What am after is am I using the right widget or should I be looking else where ?

I don’t want spend days on it and then realise it’s the wrong widget and have to start again.

I can’t seem to get my head around having icons off the screen and then scrolling them on when the user clicks a button or swipes. I will have say 30 icons with say 10 displayed at a time.

Any links or examples I can look at will be a great help.

Dave [import]uid: 117617 topic_id: 20859 reply_id: 320859[/import]

#2

Hmmm a tough one…

I would maybe suggesting rolling your own system.

Maybe one lua file and a series of groups to hold each screens icons? [import]uid: 84637 topic_id: 20859 reply_id: 82278[/import]

#3

Hi,

Thanks for the reply.

Am still learning lua and not really touched groups yet.

EDIT:

Right it looks like using groups and transition.to is the way to go. Just need to figure out the best way of loading all the icons and not displaying them till they get scrolled onto the screen.

Dave [import]uid: 117617 topic_id: 20859 reply_id: 82518[/import]

#4

I would set all off screen ones to invisible, then when you request them to be scrolled on screen set them to visible again.

you do this like

[code]
myobject.isVisible = false – (or true) [import]uid: 84637 topic_id: 20859 reply_id: 82530[/import]

#5

Cheers for that.

Dave [import]uid: 117617 topic_id: 20859 reply_id: 82688[/import]

#6

Your welcome.

Please post back if you need more help, my methods may seem harsh but i try to steer users towards the answer without blatantly spelling it out. It makes for the user learning and understanding better when there guided towards to solution and then work it out themselves from there :slight_smile:

Speaking from experience [import]uid: 84637 topic_id: 20859 reply_id: 82695[/import]

#7

Am back already.

I have 3 graphics.

Added them to a group.

On a button click i use transition.to to scroll the group. All works fine.

I then changed it transition.from. It doesn’t work, the 3 graphics jump down to the right place but only scroll about 10-20 pixels up (I was expecting the group to scroll to y=150).

Graphic 1 x=0, y =100
Graphic 2 x=0, y =200
Graphic 3 x=0, y =300

Group starts at x=150 and y=150. Transition.to/from x=150, y=500.

It’s like .to works with groups and .from doesn’t.

I tried the demo example in the transition.from page and that works exactly how I expected it to.

EDIT: It’s something to do with doing the transition.from inside a touch function. I moved it out of the function and it works but I want it to do it when I click a button.

EDIT 2: Right it’s to do with the time parameter, nothing above 50 works.

Dave [import]uid: 117617 topic_id: 20859 reply_id: 82708[/import]

#8

I would recommend just using transition.to in this case.

Transition.to will always transition from the targets current position anyway. [import]uid: 84637 topic_id: 20859 reply_id: 82719[/import]