Skip to content
RubyMotion UICollectionView Playground
Find file
New pull request
Latest commit 9d82c5e @seanlilmateus Merge pull request #1 from kurioscreative/patch-1
typo fixed on MainViewController#initWithNibName:bundle:
Failed to load latest commit information.
app Fix typo
resources first commit
screenshots first commit
spec first commit
.gitignore first commit first commit
Rakefile first commit

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.


  • iOS 6+
  • Rubymotion


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.


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.


Cover Flow Layout

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


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.


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.



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

The Background are by Glyphish


this projekt is licensed under the BSD license.

Something went wrong with that request. Please try again.