LXReorderableCollectionViewFlowLayout

KO | EN

gitlite — search

#typescript #ai-agents #ai #dsh-plugin #deepseek-harness #open-source #cli #claude-code #codex #developer-tools #react #windows

LXReorderableCollectionViewFlowLayout

★ 1,850 Open GitHub ↗

Extends `UICollectionViewFlowLayout` to support reordering of cells. Similar to long press and pan on books in iBook.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

LXReorderableCollectionViewFlowLayout
=====================================

Extends `UICollectionViewFlowLayout` to support reordering of cells. Similar to long press and pan on books in iBook.

Features
========

The goal of LXReorderableCollectionViewFlowLayout is to provides capability for reordering of cell, similar to iBook.

- Long press on cell to 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, the other cells adjust accordingly. Callback in the form of delegate methods are invoked.
 - Drag selected cell to the edges, depending on scroll direction, scroll in the desired direction.
 - Release to stop reordering.

Getting Started
===============

1. Install using *CocoaPods* or drag the `LXReorderableCollectionViewFlowLayout` folder into your project.
 2. Initialize/Setup your collection view to use `LXReorderableCollectionViewFlowLayout`.

3. The collection view controller that is to support reordering capability must conforms to `LXReorderableCollectionViewDataSource` protocol. For example,

- (void)collectionView:(UICollectionView *)collectionView itemAtIndexPath:(NSIndexPath *)fromIndexPath willMoveToIndexPath:(NSIndexPath *)toIndexPath {
            id object = [mutableArray objectAtIndex:fromIndexPath.item];
            [mutableArray removeObjectAtIndex:fromIndexPath.item];
            [mutableArray insertObject:object atIndex:toIndexPath.item];
        }

4. You can listen to some dragging events through comforming to `LXReorderableCollectionViewDelegateFlowLayout` methods.
 5. Setup your collection view accordingly to your need, run and see it in action! :D

Changes
============

### Feb 24 2013 (Luke Scott)

- Removed setUpGestureRecognizersOnCollectionView
- Removed layout from delegate methods (can be accessed from collectionView)
- Renamed delegate methods and split between dataSource and delegate
- Added dataSource and delegate examples to sample project

### Feb 23 2013 (Luke Scott)

- Refactored everything to be more readable / maintainable
- Deprecated setUpGestureRecognizersOnCollectionView - no longer necessary

Requirements
============

- ARC
 - iOS 6 and above preferred
 - Xcode 4.5 and above

Credits
=======

- Originally created by Stan Chang Khin Boon ([Github: @lxcid](http://github.com/lxcid), [Twitter: @lxcid](https://twitter.com/lxcid), [Google+: +Stan Chang Khin Boon](https://plus.google.com/118232095174296729296?rel=author)) for [buUuk](http://www.buuuk.com/), with reference to [MaximilianL's implementation on Apple Developer Forums](https://devforums.apple.com/message/682764).
- Refactored by [Luke Scott](https://github.com/lukescott), with some help from [mulle-nat's fork](https://github.com/mulle-nat/LXReorderableCollectionViewFlowLayout).
- Playing cards in the demo are downloaded from [http://www.jfitz.com/cards/](http://www.jfitz.com/cards/).

Alternatives
============

- [DraggableCollectionView](https://github.com/lukescott/DraggableCollectionView) by [Luke Scott](https://github.com/lukescott).

License
=======

LXReorderableCollectionViewFlowLayout is available under [the MIT license](LICENSE).

LXReorderableCollectionViewFlowLayout

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README