I’m trying to make a scene where you can scroll through your deck of cards. I have it set up to where each card fits in the center of the screen and you must slide to see the rest. So that is, one card is visible until you slide to reveal the others. Each card is one “finger slide” worth, if that makes sense. Above the cards which are added into the scrollView group is a white box which changes with width and height. What is this? And what does it mean that you can’t change the scrollwidth and height after the widget is already created? How do I know what the scrollwidth and height should be… Can someone show me a successful scrolling view so I can see the final product? And the code please?
Hi, I recently worked on something like this. You actually probably only need 3 cards worth of width for your scrollView. You need the current, previous and next cards on the scrollview and then keep loading & dropping cards as you scroll. Would this approach work for your app?
@ksan yes this would work. Only I want the user to see the first card only, then swipe to the next. No previous card you get what I’m saying? And do you know what the white box is I’m speaking of?
This is very doable then. See the following thread and video I posted there : http://forums.coronalabs.com/topic/35994-sideways-swipe-into-next-record-previous-record-in-scrollview/
I am not clear on the whitebox. Sorry.
@ksan ohhhh! I didn’t mention that I want multiple cards in my scroll view you get what I’m saying? I think scrollviews are intended for a huge picture bigger than your phone screen am I wrong? But all I want is 5 cards displayed one after another in line and for the user to be able to swipe from right to left (leftward) to continue the line of cards…
Scrollviews are very versatile. You can have one huge picture bigger than screen and scroll through it or you can have 5 images inserted into the same scrollview side by side.
@ksan ok so can you help me, I don’t understand the post you posted previously…I need to walk you through what I just did in my code I have displayed all 5 pictures in the pattern that I want with spacing and everything and then I added those to the group of the widget then I added the widget to the group of the scene group. that way when I scroll I can see each picture after one another. I was researching and I saw something about masking…does that have anything to do with what I want?
So it sounds like you are able to insert the 5 card images one after the other into the scrollView. thats good. Masking is only required if you want the scrollView to be smaller in width or height (or both) than your screensize.
@ksan right. now when I positioned the five cards in line after one another and THEN inserted them into the widget group, the five cards are displayed and then a white box on top of them. when I swipe in the white box the cards move correspondingly, are you familiar? that white space acts as if it is a scroll bar. by the way that white box could be because my width and height of the widget are set to dimensions less than the display size.
Ok. I think I understand now. Yes you will need a mask file if you need to make the scrollView less than the screen size. When you use the mask file you will still have that white space which I assume you want for another purpose. It will not act as a scrollbar once you apply the mask. Hope this helps.
@ksan ok great discussion! Thanks! Now another thing, how about I set the width of my widget to the display width but keep the height to a minimum since I’m only scrolling from left to right does this make sense…or is it necessary to make the widget size width and height the same as a display size
You can make the width = screenWidth while height is lower than screenHeight. They don’t have to be full size at the size time.
@ksan ok I will go experiment right now! Thanks for the discussion I will get back to you later and see if I can get this working. Thank you.
@ksan I’m making progress. Is there a way to make vertical scrolling prohibited, i only want the user to be allowed to scroll left and right>
Great!
Yes. You can control the scrolling behavior along with many other things through the options table you give the scrollView at the time you create it. Suggest you go through these at :
http://docs.coronalabs.com/api/library/widget/newScrollView.html
The specific option you want is verticalScrollDisabled = true
@ksan right, I already tried that but it doesnt work. apparently its something wrong with the version of widgets i have, ive been researching and a lot of people have the same issue, im still trying to find a solution.
See this post : http://forums.coronalabs.com/topic/34183-widgets-20-open-source/
The widgets 2.0 open source library was updated just today as per AlexF’s post on another thread so if you go to the github repository and download the widget 2.0 library you can then run your code against the same version as was delivered in daily build 1168. You will be ok then.
Regards,
Kerem
@ksan i got it downloaded but how do i include it in the project? Do i take only the widget.lua file or put the entire framework widgets master folder into the project…
Not at my computer right now but I recall Rob Miracle wrote a detailed instruction on how to override the built in version of the widgets with the one downloaded from github. Please search and see if you can find it. Good luck.
Hi, I recently worked on something like this. You actually probably only need 3 cards worth of width for your scrollView. You need the current, previous and next cards on the scrollview and then keep loading & dropping cards as you scroll. Would this approach work for your app?