So if you drag down on the Featured page of the AppStore, you can see the bottom part (I'm assuming its a tableView) moves while the top banner stays stuck. When you scroll down, the banner scrolls too. I have been messing around a lot trying to figure out what has been done here. I'm trying to make a similar design in my own application. I know I can do this all with a single tableview, but I don't want to reuse or load that top banner.
Any help? Thanks in advance.
Okay, I solved it. Apparently its a Table HeaderView, and we just change the size on the fly using scrollViewDelegate. Pretty straightforward.
Here is the tutorial which adds a little more to that style:
http://blog.matthewcheok.com/design-teardown-stretchy-headers/
Hope this helps who were struggling with similar situation. :D
Related
I'm looking for a way to implement scrolling in UITableView similar to what is done in Yummly app, or like google play or whatsapp header, in which the top image sort of hangs or sticks, while the bottom content scrolls over it, until the content catches up with it.
Meaning, make it so that the cells will not scroll up together, but stick a little, like the section headers do, accept that with section headers the content scrolls below the section, and not on top of it.
Does anyone has any idea how this can be implemented in objective-c?
Thanks!
I have checked yummly and found the good solution for you i have used this for some of my application/demo as well.
https://github.com/destin-m/parallax_tableview
Please let me know if you require any other modification as well.
Regards.
This site is awesome.
So I need to create something that looks like this...
It needs to be continuous with a fixed number of UICollectionViewCells (8). It also needs to paginate really well and center the cell (as shown) when the user swipes left or right.
PROBLEM: 1. The pagination provided with UICollectionView doesn't center the view on the cell being shown. 2. I'm having a hard time finding the proper way to get the continuous effect.
Any help on this would be much appreciated. This is a tough one!
I need to implement this screen and I wonder if anyone can help me with ideas to solve some scenarios, basically the screen will contain a parallax effect in the top image, the entire screen must be scrollable, the problem I am faced when designing this screen It is the way I see I need to have a scrollview and a tableview that generates me the trouble of having the scrolls in the same direction.
I've read several post here about the problem of having scroll inside scroll for example: Nested UITableView inside another nested table , and what I want are actually ideas that can help me implement the screen below.
I just need suggestions of good practice, no one needs to worry about post code unless some lib to help with the problem or something.
I appreciate any help.
I finally solved my problem, I implemented a solution based on ParallaxTableView and is-it-possible-to-add-uitableview-within-a-uitableviewcell
And here is my project : UITableViewHeader
The trick on that (DEPENDS IF YOU REALLY WANT THAT BEHAVIOR) is having the image on the table view header. there are plenty of tutorials on github with sample implementation also.
e.g that one
Here's the issue: tumblr theme that I am using is the NTA 3 column option found on this page (http://themes.ville-noire.com/), which says that I should have 3 columns, infinite scrolling and be able to use a banner. But the earlier posts at the bottom of the page on my blog (http://incandescending.tumblr.com/) do not infinite scroll, and instead kind of stack up, blocking each other.
Do you have any suggestions for why this might be happening and what I can try to fix it? I'm trying to learn and understand a little bit of how coding works but my knowledge/research/attempts haven't done the trick so far- any help appreciated!
Thank you!
It looks like the posts don't have a specific height set so the reason they're 'stacking up' and blocking each other at first is because the height of each post is not defined until they're finished loading.
My question is essentially what it says in the title--I would like to create a scrolling view similar to the one that appears under the 'Home' tab of the HBO GO iPad application.
I have looked into circular/infinite UIScrollViews, but they only discuss infinite content in one direction (either horizontal OR vertical) and bring up many problems when scroll speed gets too high. So my question is twofold:
A) Could they have created this scrolling view by subclassing UIScrollView? If so, please do let me know how?
B) If not, does anyone have ideas as to a starting point for how they could have created it? It runs very, very smoothly even at fast acceleration, and I'm trying to figure out how they created this.
Thanks in advance!
Reposting to get answer ;-)
The sample is named StreetScroller.
Referenced video is here.
I believe the successful technique will be to apply the techniques in the video in either a 2x2 or 3x3 grid and handle scrolling in both directions.
I have put together a library that provides an infinitely scrolling view in all directions. It allows you to very easily achieve the effect you’re looking for and much more. As the user scrolls around, the framework lays out the tiles and lets the delegate know so it can set up the tiles' presentations. This is indeed done by subclassing UIScrollView and as for performance, the framework introduces no lag: full 60 fps no matter how fast you scroll.
The framework with a sample app that displays Flickr images in an infinitely scrolling wall is here: https://github.com/vovagalchenko/scroll-for-days. Additionally, here's a video of the sample app in action: https://cloud.box.com/s/d6bgvlot175au5a3jeh5
I don't think there is an easy way to do it by sub classing UIScrollView
I have done something similar with a UIView and a custom gesture recognizer, moving views around nice they disappear off the side of the screen.
I hope this helps you.