Mixed coverflow view
How would I go about to create a mixed view that would have scrollable view on the top and coverflow on the bottom (in small).
I want to be able to display a 20 page magazine in scroll view, and have their thumbnails in coverflow view for fast browsing.
The trick is that I want the scrollable view on top to be controlled not only by swiping, but also by the selection of one of the coverflow items- so that when the user selects a page on the coverflow view, that page scrolls into view on top.
3 Answers
-
Hi Joe,
All of what you'd like to accomplish is possible - have you had a chance to look at the Kitchen Sink demo application? Of particular interest will be:
If you position the coverflow at the bottom of the screen and set a height on the component, you should be good to go.
-
Thanks. I did try that but it didnt work. I'll try again- I guess.
-
I got it- but how can I get the coverflow view to control the scroll view?
I know that this is the code to make a new scroll view (below) but how can I have it run on the current scroll view? Also, how can I make the coverflow advance (automatically) when the scroll view is advanced manually?Thanks
`
view.addEventListener('click',function(e)
{
var selectedURL = images[e.index];
var win1 = Ti.UI.createWindow();
var fullImage = Ti.UI.createImageView({
url:selectedURL
});
var scrollView = Titanium.UI.createScrollView({
contentWidth:'auto',
contentHeight:'auto',
backgroundColor:'black',
showVerticalScrollIndicator:true,
showHorizontalScrollIndicator:true,
maxZoomScale:100,
minZoomScale:0.1
});
scrollView.add(fullImage);
win1.add(scrollView);
Ti.UI.currentTab.open(win1);
});
`Sorry, I cant get the syntax code view working :)