LXReorderableCollectionViewFlowLayout - GitLite

KO | EN

gitlite — search

#javascript #python #react #llm #go #machine-learning #deep-learning #macos #java #kubernetes #awesome-list #pytorch #mcp #openai

LXReorderableCollectionViewFlowLayout

(★ 1,850)

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

파일 탐색기

최종 버전 다운로드 (.zip)

- - screenshot1.png
- - AppDelegate.h
  - AppDelegate.m
  - Default-568h@2x.png
  - Default.png
  - Default@2x.png
  - LXCollectionViewController.h
  - LXCollectionViewController.m
  - LXRCVFL Example using Storyboard-Info.plist
  - LXRCVFL Example using Storyboard-Prefix.pch
  - main.m
  - PlayingCard.h
  - PlayingCard.m
  - PlayingCardCell.h
  - PlayingCardCell.m
- - project.pbxproj
- LXReorderableCollectionViewFlowLayout.h
- LXReorderableCollectionViewFlowLayout.m
.gitignore
LICENSE
LXReorderableCollectionViewFlowLayout.podspec
README.md

// 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
===============

<img src="https://raw.github.com/lxcid/LXReorderableCollectionViewFlowLayout/master/Content/Screenshots/screenshot1.png" alt="Screenshot" title="Screenshot" style="display:block; margin: 10px auto 30px auto; width: 300px; height: 400px;" class="center">

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).