ASJCollectionViewFillLayout

The standard available UICollectionViewLayout does the job well, but the UI may look asymmetric, depending on the number of items the UICollectionView is displaying. This library attempts to solve this problem. This is a UICollectionViewLayout subclass that fills the full width of the collection view.

Installation

CocoaPods is the preferred way to install this library. Add this command to your Podfile:

pod 'ASJCollectionViewFillLayout'

If you prefer the classic way, just copy the ASJCollectionViewFillLayout folder (.h and .m files) to your project.

Usage

Creating an ASJCollectionViewFillLayout is easy. It has a simple interface consisting of three properties. You can also use the traditional delegate pattern to return the attributes you wish to use. All are optional.

@property (assign, nonatomic) NSInteger numberOfItemsInRow;

Sets the number of items to show in one row.

@property (assign, nonatomic) CGFloat itemHeight;

Sets the height of an item. The width will be calculated to fill the view.

@property (assign, nonatomic) CGFloat itemSpacing;

Sets the distance between two collection view items.

For example:

ASJCollectionViewFillLayout *aFillLayout = [[ASJCollectionViewFillLayout alloc] init];
aFillLayout.numberOfItemsInRow = 3;
aFillLayout.itemSpacing = 5.0f;
aFillLayout.itemHeight = 75.0f;
aCollectionView.collectionViewLayout = aFillLayout;

See the example project for a demonstration of how to use the delegate pattern.

Credits

• Damir Tursunovic - Implementing UICollectionViewLayout

To-do

• Handle case of total collection view items being less than the number of items in one row.
• Add option for horizontal direction; try subclassing UICollectionViewFlowLayout itself.

License

ASJCollectionViewFillLayout is available under the MIT license. See the LICENSE file for more info.