Skip to content

A UI component display images with the style like "nice" app. (仿 Nice 首页图片列表 9 图样式)

License

Notifications You must be signed in to change notification settings

light-bo/BLLSudokuImageLayout

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

23 Commits
 
 
 
 
 
 
 
 

Repository files navigation

BLLSudokuImageLayout

This repo makes you can diaplay something(always imags) like as below with 9 style according to the amount of the thing(always imags), the number on the view's top is show as descript info, not a component of the view, the diffirent color region always used to display diffirent images. (类似 nice app 首页列表中图片显示效果的 UI 组件) The mechanism of the view is subclass a UICollectionViewFlowLayout of the UICollectionView and custom some layout algorithms:









Features

  • Using custom UICollectionViewLayout to make the view
  • Support custom height of the view
  • Support custom amount of the color region
  • Works with ARC and iOS >= 7

Installation

Cocoapod

To integrate BLLSudokuImageLayout into your Xcode project using CocoaPods, specify it in your Podfile:

pod 'BLLSudokuImageLayout'

Then, run the following command:

$ pod install

Manual

Just download the repo and copy the Layout directory below the BLLSudokuImageLayout to your project.

Usage

The code below will use the BLLCollectionViewImageSudokuLayout class to config the collectionview's layout.


    BLLCollectionViewImageSudokuLayout *collectionViewImageSudokuLayout = [[BLLCollectionViewImageSudokuLayout alloc] init];
    collectionViewImageSudokuLayout.columnMargin = 2;
    collectionViewImageSudokuLayout.rowMargin = 2;
    
    //make sure to custom your own width and height of the UICollectionView
    _yourCollectionView = [[UICollectionView alloc] initWithFrame:CGRectMake(0, 0, yourCustomWidth, yourCustomHeight) collectionViewLayout:collectionViewImageSudokuLayout];
    _yourCollectionView.backgroundColor = [UIColor whiteColor];
    _yourCollectionView.delegate = self;
    _yourCollectionView.dataSource = self;
    [_yourCollectionView registerClass:[BLLImageCollectionViewCell class] forCellWithReuseIdentifier:kImageCellId];
    
    [self addSubview: _yourCollectionView];
 

License

BLLSudokuImageLayout is licensed under the terms of the MIT License. Please see the LICENSE file for full details.

If this code was helpful, I would love to hear from you.