RubyMotion UICollectionView Playground
Ruby
Switch branches/tags
Nothing to show
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
app
resources
screenshots
spec
.gitignore
README.md
Rakefile

README.md

##Rubymotion CollectionView Playground this is a Rubymotion port of @mpospese's Introducing UICollectionViews talk, in opposite to the original example app, this application contains no xib or storyboards. Everything is RubyMotion code.

This code was written for educational purposes, if you're using this code in production, Whenever you meet Mr. @mpospese or myself don't hesitate in buying us a beer.

To incentive yourself in taking a look into Mr. @mpospese's great slides . I removed a lot of comments from my code! 😜. His presentation is probably the best introduction to UICollectionView around. Actually this example app consist of 5 different UICollectionViews layout. ##Requirements

  • iOS 6+
  • Rubymotion

##Summary

The app presents the speaker roster from various CocoaConf conferences. Each conference date is a section and the speakers at that event are the items in that section. It has 5 different layouts. Use a 2-finger tap to switch between layouts. (A 3 finger tap will switch back to previous layout, i.e. cycles through the layouts in the opposite direction.)
##Grid Layout A standard UICollectionViewFlowLayout-derived layout. Demonstrates the flow layout plus use of supplementary and decoration views.

gridlayout ##Line Layout Another UICollectionViewFlowLayout-derived layout. This one is adapted from the Apple sample of the same name from WWDC 2012 Session 219. Demonstrates a single line horizontal layout and use of shouldInvalidateLayoutForBoundsChange: as well as use of custom layout attributes.

linelayout

##Cover Flow Layout Derived from Line Layout but adapted to look more like Cover Flow.

coverflow

##Stacks Layout A UICollectionViewLayout-derived layout (not flow layout). Pinch out on the photo stacks to expand them and it will switch to Grid Layout. Demonstrates custom layouts, gestures, and custom layout attributes.

stacks

##Spiral Layout Another UICollectionViewLayout-derived layout. This one is adapted from the Apple sample CircleLayout from WWDC 2012 Session 219. Only instead of a circle, items are arranged in a spiral that wraps 1 1/2 times around and fits the screen in either landscape or portrait. It was also adapted to support multiple sections (1 spiral per screen) in a horizontally scrolling layout. Swipe up on a speaker card and it will be flicked off screen and disappear. Tap on the header to add a speaker back (expands out from center). Demonstrates custom layouts, gestures, and custom delete and insert animations.

spiral

##Thanks My thanks goes to Mark Pospesel, for his great UICollectionView talk don't miss his slides. On his Website are also great content to learn from http://markpospesel.com/.

The Background are by Glyphish

Licensing:

this projekt is licensed under the BSD license.