Browse files

- Setup

 - Uploads a screenshot.
  • Loading branch information...
1 parent 4d2ff17 commit 05796a4f425ab1c4eaddb6b369b201bb3c945f02 @lxcid committed Oct 2, 2012
Showing with 61 additions and 1 deletion.
  1. BIN Content/Screenshots/screenshot1.png
  2. +61 −1
BIN Content/Screenshots/screenshot1.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@@ -1,4 +1,64 @@
-Extends `UICollectionViewFlowLayout` to support reordering of cells. Similar to long press and pan on books in iBook.
+Extends `UICollectionViewFlowLayout` to support reordering of cells. Similar to long press and pan on books in iBook.
+The goal of LXReorderableCollectionViewFlowLayout is to provides capability for reordering of cell, similar to iBook.
+ - Long press on cell invoke reordering capability.
+ - When reordering capability is invoked, fade the selected cell from highlighted to normal state.
+ - Drag around the selected cell to move it to the desired location, other cells adjust accordingly. Callback in the form of delegate methods are invoked.
+ - Drag selected cell to the edges, depending on scroll direction, autoscroll in the desired direction.
+ - Release to stop reordering.
+Getting Started
+1. Drag the `LXReorderableCollectionViewFlowLayout` folder into your project.
+2. Initialize/Setup your collection view to use `LXReorderableCollectionViewFlowLayout`.
+3. If you setup your collection view programmatically, make sure you call `[LXReorderableCollectionViewFlowLayout setUpGestureRecognizersOnCollectionView]` instance method after the collection view is setup.
+ [theReorderableCollectionViewFlowLayout setUpGestureRecognizersOnCollectionView];
+4. The collection view controller that is to support reordering capability must conforms to `LXReorderableCollectionViewDelegateFlowLayout` protocol. For example,
+ #pragma mark - LXReorderableCollectionViewDelegateFlowLayout methods
+ - (void)itemAtIndexPath:(NSIndexPath *)theFromIndexPath willMoveToIndexPath:(NSIndexPath *)theToIndexPath {
+ id theFromItem = [self.deck objectAtIndex:theFromIndexPath.item];
+ [self.deck removeObjectAtIndex:theFromIndexPath.item];
+ [self.deck insertObject:theFromItem atIndex:theToIndexPath.item];
+ }
+5. Setup your collection view accordingly to your need and run it!
+ - ARC
+ - iOS 6
+ - Xcode 4.5 and above
+LXReorderableCollectionViewFlowLayout is created by [Stan Chang Khin Boon]( as part of a project under [buUuk](
+Many thanks to __MaximilianL__ in the [Apple Developer Forums for sharing his implementation]( which lead me to this project.
+The playing cards in the demo are downloaded from [](
+ structure is heavily referenced from [AFNetworking](
+### Creators
+[Stan Chang Khin Boon](
+LXReorderableCollectionViewFlowLayout is available under the MIT license.

0 comments on commit 05796a4

Please sign in to comment.