How to implement the iOS 5 flipping effect on a view like the one from Apple's new text book study cards?
Here you can see it working (min 2:56): http://www.apple.com/education/#video-textbooks
CoreAnimation, layer based. There's no standard flip animations like that, at least yet.
Related
I have seen a few grids made with UITableView but I don't really like how close together each cell is to the other. If there is a way of creating a grid system like the home screen on an iphone (the screen after it is unlocked) if would be great. I don't need an exact solution but a point in the right direction, maybe a set of libraries to look through would be great. I am running xcode 4.4.1
Thanks!
The key is UIScrollView has a paging mode (since could have more buttons than fit in the view). It's covered here's in Apple ocs:
http://developer.apple.com/library/ios/#documentation/WindowsViews/Conceptual/UIScrollView_pg/ScrollViewPagingMode/ScrollViewPagingMode.html
If you use that, each 'page' would have n buttons/views that when clicked would call a protocol/delegate call back for the consumer with the data to handle and it would evenly layout the UIView/buttons across that page view. Contact me if you want my sample.
You probably don't want to require iOS6 as a minimum requirement but if you do, you can do as H2CO3 suggested in the comment and us UICollectionview. Here's a tutorial: http://www.raywenderlich.com/22324/beginning-uicollectionview-in-ios-6-part-12
There's also some open source launchers that you can look into their code. Here's some (I'm sure there's more).
http://www.cocoacontrols.com/platforms/ios/controls/sespringboard
Code is at: https://github.com/sarperdag/SESpringBoard
Also: http://www.cocoacontrols.com/platforms/ios/controls/openspringboard
Use UICollectionView. You can create grid type views using that. It is available in iOS 6.
If you can target iOS 6+, use UICollectionView. It's one of the best new things in iOS for years and it will be as important as UITableView.
The layout you're asking for is only a few lines of code.
NSHipster has a good explanation of UICollectionViews and Ray Wenderlich has a good tutorial.
(There's lots of example code out there, but here's a very simple example project I did recently for another question involving UICollectionViews)
I Want To Implement 3d View Turning Transition In My App Similar To IBook.
In IBook Transition happened When you Jump From Bookshelf To Store or Store to Bookshelf.
before Implementing it I Want To Know Is It Safe To Have That Transition In My App.
Thanks in Advance.
Of course! Apple hasn't kept it a secret, it's just a modalTransitionStyle.
Specifically: UIModalTransitionStyleFlipHorizontal
If you want the thick border transition (the wood grain of the shelf), take a look at EPGLTransitions: http://github.com/epatel/EPGLTransitionView
I'm extremely new to objective-c and iOS development and was just looking for advice at how best to tackle this type of styling. Basically these types of field sets (see screenshot) appear everywhere with rounded edges and borders between rows.
Is there some type of functionality in interface builder to handle this already or would I be looking at using background image(s) and then adding the form parts above that?
iOS objective-c iphone fieldset styling rounded edges rows
That's a UITableView. They are a major interface element (maybe the major element) in iPhone apps. You can set up a table view to have rows that act like buttons, or information-entry fields, as here, or really in any way that you care to write the code for. See the Programming Guide for discussion of their use.
I am developing an RSS-reader-type application. I am toying with the possibility of using a normal TableView application but showing the articles as a film-strip. I am mainly thinking for an iPad application (but possible it works on the smaller iPhone as well).
The idea is to have the cells passing/scrolling across the screen using swipe touches (but horizontal, and not vertical as with the normal TableView). They will be some-kind of miniatures of the full article, and when tapped (or with multi-touch zoom to have better control) can be enlarged to read. Then can then just be be moved on as soon as the user has seen enough of it.
Does anybody know if there is an easy way of accomplishing something like that?
The most obvious solution that springs to mind would be to use a UIScrollView, as this will provide the inertial effects, etc. for free - all you'd have to do it populate it with the relevant sub-views. (UITableView's actually use a UIScrollView.)
For more information and sample code, see Apple's UIScrollView docs.
If you want horizontal scrolling, take a look at Jeremy Tregunna’s JScrollingRow. It’s open source under a public domain licence.
How hard would be be to recreate Windows Phone 7 UI animations on an iOS device using UIKit?
More specifically, making animated boxes gradually move from side-to-side, and appear in a chained manner.
For example, windows phone 7 transitions here: http://www.youtube.com/watch?v=EUeNCzRhhDE
At 0:30 - the parallax scrolling effect (relatively easy?);
At 1:22 - the chained animation of the home screen;
Is this possible with CoreAnimation and UILayers, if so how complex would it get?
Thanks
It's not incredibly hard. For some things like parallax scrolling you can just use some of the basic view animation code and set different timings for different elements to get the effect.
Look at the animations Apple has in the Apple stores for providing help (similar to some of their screen savers). These are similar to what Windows is doing.
The bigger question would be whether it improves the user experience or just makes them wait longer to be able to interact your application.