I was looking at the latest update to the ShowYou application, and the parallax effect they have implemented is absolutely amazing. I am playing around with UITableView and UIScrollView to see if I can sort of mimic it, but I wanted to see if I could touch base with some other folks to see how they would do it.
Any thoughts?
Related
I'm a newbie to iOS and just recently finished the Swift developer tutorial on the Apple website. I want to create a program that loads in a PDF that can automatically scroll, like a teleprompter. I was looking through the PDFView documentation, but could not find a scrolling function. The closest things I could find were go but I don't understand what it means by rectangle and scrollSelectionToVisible which I'm not quite sure what it does. Any help / tips / general Swift knowledge would be appreciated! Thanks so much!
The only way to switch to vertical scrolling is to start all the way from scratch at CGContextDrawPDFPage
If the selection is not visible, scrolls view so that it is.
You can put pdfview on the top of UIScrollView and then give a timer to let it auto scroll like PDFExpert.
You can visit the demo from Apple.
Visit hereZoomPDF
It needs time to make it happen, nobody can tell you how to make it happen quickly , based on my experience it's the core code about PDF application such as PDFExport, but the mind is same, you can do as I said.The PDF inherits to UIView, so you should know why it can support auto scroll. Chose UIScrollView , it's right choice.
So I have built a site using Keith Clark's pure CSS parallax idea. And it looks good, but I'm curious if anyone has figured out how to allow inertial/momentum scrolling on iOS.
Here is my site so far.
What I know so far:
Currently inertial/momentum scrolling doesn't work because essentially the whole page is held within a container with overflow-y:auto. So when you are scrolling on the page you are scrolling within a container.
On iOS you have to apply -webkit-overflow-scrolling: touch to allow anything that scrolls that isn't the viewport to have inertial/momentum scrolling.
If you add -webkit-overflow-scrolling: touch to .parallax then the entire parallax effect breaks.
example of that here
I've tried adding iscroll.js to the page but it also breaks the page by making the children within the .parallax container to scroll in a way that isn't proper. It makes the parallax layers move up and down relative to the viewport instead of he container.
Another problem that this causes which isn't as big a deal but would be nice to address here since it's related is that on iOS the page will never go into minimal-ui since that only happens when the viewport scrolls.
I've seen people ask about this on the blog post so I figured I could bring the same problems over to stackoverflow and see if anyone has any good ideas.
Thanks!
Not what you want to hear (assuming you put in some good hours reading through Keith Clark's guide) but iOS handles scrolling events differently than desktop. It's possible you could adjust what you have already, but if you really want this you're probably better off switching to a js tool with documented support for iOS parallax + momentum. Stellar can do this, for example - http://markdalgleish.com/projects/stellar.js/docs/
My scenario is common I think. I want to animate a focus reticle (just like Apple's default app and some of the other camera apps out there). Is this all done in drawRect:? Or can I use the animation framework right from the touch handler?
Following some of the examples around github (and the internet) I went ahead and just subclassed UIView (drawRect:) and a little simplistic "animateWithDuration:".
I want to make a a sliding up like FourSquare app.
Like this:
What I want to achieve are:
The UITableView goes all the way up to UINavigationBar.
It drags along with my finger's position.
My app also have a GMSMapView below (Google Map's API, similiar to FourSquare), I don't want the map responses to my gestures on the UITableView, I want it stays still.
Works both in iOS 6 and 7 and iPhone 4,5.
Does anybody have a framework, github's link ... that can help me fulfill this ?
Thank you.
I have been working on something very similar in the past days. This answer is actually quite good, but you will suffer a bit in terms of performance. After more tweaking, I used parts of this library. You don't need to use everything, but keep in mind the following when choosing a library:
Libs that base the movement of the map on the map.centerCoordinate are less performant than libs that base the movement on the map's frame.
You can also read a bit from this tweets exchange I had.
My thoughts about what FourSquare actually did, is that in the beginning they are using a screenshot of the map, so they are not really using a MKMapView, but an UIImageView. Once you touch it and you animate it, they switch between one and another and they start using a map. I will be using Reveal App plus this to know exactly what they are doing.
I am working on making something like this: http://almende.github.com/chap-links-library/js/timeline/doc/
It's a zoomable timeline for calendars and such. I began with UIScrollView, but soon realised that this will be a huge hassle. I only found This repo, it looks bad, and its vertical. In addition its not zoomable.
This isn't too rare of a user interface object, so i suspect there are some repo for it that i'm not finding. If there is, can someone please link it?
If not, it would be great if someone could explain me how I can make one myself, or explain something, just give me some insight and get me motivated. (I'm a newbie programmer, help is good)
-Do i have to handle zooming with CA and path drawing instead of UIKit?
-Is UIScrollView more suited for this than say, UICollectionView, or just a custom made UIControl?
-How do I make scrollviews zoomable only horizontally?
Apologies for the horrible question.