Sliding Tabs in Corona SDK

Solar2D Android
#1

Is there a way to make the sliding tabs interface used commonly in Android Apps with Corona SDK?

This is what the interface looks like:
http://youtu.be/tRg_eDfQ8fk

Thanks!

#2

This looks like you could use a widget.newScrollView for this.  This tutorial, while designed for a slightly different purpose would do the same thing:

http://coronalabs.com/blog/2014/08/19/tutorial-building-a-sliding-menu/

Of course you would have to coordinate the position of the scrollView to determine which tab is highlighted above it.

Rob

#3

Emerson: Yes, you can do this in Corona. I have. It’s a non-trivial task but it performs reasonably well once implemented. What Rob pointed you to is a good starting point. Careful handling of touch events is your friend, and of course put it in a module. You may want to look at the Corona Github source of how they do widgets for a decent structure.

#4

Thank you Rob Miracle and corona 273 for the replies!

I ended up looking in to the SlideView example and modified it so the parameters are display groups rather than images, and modified other things such as scaling and some x and y values to suit my own needs and got it working.  Thanks!

#5

Sliding Tabs looks like it implements stepping in the scroll behaviour. I was fingers crossed that this would become a feature of the ScrollView widget but it’s not currently. Do you guys have any insight into how to implement that cleanly, as iOS and Android have in their default controls?

#6

@Emerson Hsieh,

Hi,

I am also looking at adding a sliding tabs feature to my app and assume it is going to require a fair amount of work.

Do you have any plans to share your code to the community as I for one would definately be interested in using it and would obviously acknowledge you as the original source of the code.

Thanks

#7

This looks like you could use a widget.newScrollView for this.  This tutorial, while designed for a slightly different purpose would do the same thing:

http://coronalabs.com/blog/2014/08/19/tutorial-building-a-sliding-menu/

Of course you would have to coordinate the position of the scrollView to determine which tab is highlighted above it.

Rob

#8

Emerson: Yes, you can do this in Corona. I have. It’s a non-trivial task but it performs reasonably well once implemented. What Rob pointed you to is a good starting point. Careful handling of touch events is your friend, and of course put it in a module. You may want to look at the Corona Github source of how they do widgets for a decent structure.

#9

Thank you Rob Miracle and corona 273 for the replies!

I ended up looking in to the SlideView example and modified it so the parameters are display groups rather than images, and modified other things such as scaling and some x and y values to suit my own needs and got it working.  Thanks!

#10

Sliding Tabs looks like it implements stepping in the scroll behaviour. I was fingers crossed that this would become a feature of the ScrollView widget but it’s not currently. Do you guys have any insight into how to implement that cleanly, as iOS and Android have in their default controls?

#11

@Emerson Hsieh,

Hi,

I am also looking at adding a sliding tabs feature to my app and assume it is going to require a fair amount of work.

Do you have any plans to share your code to the community as I for one would definately be interested in using it and would obviously acknowledge you as the original source of the code.

Thanks