TBSpringBoard

This is simulate the iOS SpringBoard. It's base on LxGridView

Introduction

It's use collection view to implement the SpringBoard view. Could be drag and drop the cell.

ScreenShot

Dependence

Masonry

Usage


@interface ViewController () <UICollectionViewDataSource, UICollectionViewDelegate, TBCollectionViewFlowLayoutDataSource, TBCollectionViewCellDelegate, TBPopupFolderViewDelegate>

@property (nonatomic, strong) TBSpringBoardView          *springBoardView;
@property (nonatomic, strong) TBPopupFolderView          *popupFolderView;
@property (nonatomic, strong) TBCollectionViewFlowLayout *collectionViewFlowLayout;

@property (nonatomic, strong) NSMutableArray             *allBoards;

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view, typically from a nib.
    self.view.backgroundColor = [UIColor whiteColor];

    NSMutableArray *folderData = [NSMutableArray arrayWithArray:@[[UIColor orangeColor], [UIColor grayColor]]];

    NSArray *originData = @[[UIColor redColor],
                            [UIColor yellowColor],
                            [UIColor blueColor],
                            folderData,
                            [UIColor blackColor]
                           ];
    self.allBoards = [NSMutableArray arrayWithArray:originData];

    _collectionViewFlowLayout = [[TBCollectionViewFlowLayout alloc] init];
    _collectionViewFlowLayout.sectionInset = UIEdgeInsetsMake(20, 20, 20, 20);
    _collectionViewFlowLayout.minimumLineSpacing = 20;
    _collectionViewFlowLayout.itemSize = CGSizeMake(60, 80);

    _springBoardView = [[TBSpringBoardView alloc] initWithFrame:self.view.bounds collectionViewLayout:_collectionViewFlowLayout];
    _springBoardView.contentInset           = UIEdgeInsetsMake(0, 0, 0, 0);
    _springBoardView.delegate               = self;
    _springBoardView.dataSource             = self;
    _springBoardView.scrollEnabled          = NO;
    _springBoardView.backgroundColor        = [UIColor purpleColor];
    _springBoardView.userInteractionEnabled = YES;
    [self.view addSubview:_springBoardView];

    [_springBoardView registerClass:[TBCollectionViewCell class] forCellWithReuseIdentifier:DequeueReusableCell];

    [_springBoardView mas_makeConstraints:^(MASConstraintMaker *make) {
        make.edges.equalTo(self.view);
    }];

    _popupFolderView = [[TBPopupFolderView alloc] init];
    _popupFolderView.delegate = self;
    _popupFolderView.backgroundColor = [UIColor whiteColor];
    _popupFolderView.userInteractionEnabled = YES;
    _popupFolderView.collectionView.delegate = self;
    _popupFolderView.collectionView.dataSource = self;
    [_springBoardView addSubview:_popupFolderView];
    [_springBoardView bringSubviewToFront:_popupFolderView];
    _popupFolderView.hidden = YES;
    [_popupFolderView mas_makeConstraints:^(MASConstraintMaker *make) {
        make.edges.equalTo(self.view);
    }];

    _collectionViewFlowLayout.desktopView = _springBoardView;
    _collectionViewFlowLayout.folderView  = _popupFolderView.collectionView;
}

- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}

#pragma mark - delegate
- (NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section
{
    if ([collectionView isEqual:_springBoardView]) {
        return self.allBoards.count;
    }
    return _popupFolderView.dataSource.count;
}

- (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView
                  cellForItemAtIndexPath:(NSIndexPath *)indexPath
{
    if ([collectionView isEqual:_springBoardView]) {
        TBCollectionViewCell * cell = [collectionView dequeueReusableCellWithReuseIdentifier:DequeueReusableCell forIndexPath:indexPath];
        [cell reset];
        cell.delegate = self;
        cell.editing = _springBoardView.editing;

        id data = self.allBoards[indexPath.item];
        if ([data isKindOfClass:[NSArray class]]) {
            NSMutableArray *array = data;
            if (array.count == 1) {
                UIColor *color = array[0];
                cell.icons = nil;
                cell.title = @"Test";
                [cell.iconImageView setBackgroundColor:(UIColor *)color];

                [self.allBoards replaceObjectAtIndex:indexPath.item withObject:color];
            } else {
                cell.icons = self.allBoards[indexPath.item];
                cell.title = @"Folder";
            }

        } else {
            cell.title = @"Test";
            cell.icons = nil;
            [cell.iconImageView setBackgroundColor:(UIColor *)data];
        }

        [cell setNeedsLayout];
        return cell;
    }

    TBCollectionViewCell * cell = [collectionView dequeueReusableCellWithReuseIdentifier:DequeueReusableCell forIndexPath:indexPath];
    [cell reset];
    cell.delegate = self;
    cell.editing = _springBoardView.editing;
    cell.title = @"Test";
    cell.icons = nil;
    [cell.iconImageView setBackgroundColor:(UIColor *)self.popupFolderView.dataSource[indexPath.item]];
    [cell setNeedsLayout];

    return cell;
}

- (void)collectionView:(UICollectionView *)collectionView didSelectItemAtIndexPath:(NSIndexPath *)indexPath
{
    if ([collectionView isEqual:_springBoardView]) {

        id data = self.allBoards[indexPath.item];
        if ([data isKindOfClass:[NSMutableArray class]]) {
            _popupFolderView.hidden = NO;
            _popupFolderView.dataSource = data;
            _popupFolderView.dataSourceItemPath = indexPath;

            [_popupFolderView.collectionView reloadData];
        }
    }
}

#pragma mark - Delegate Cell
- (void)deleteButtonClickedInCollectionViewCell:(TBCollectionViewCell *)deletedCell
{
    NSIndexPath * gridViewCellIndexPath = [_springBoardView indexPathForCell:deletedCell];

    if (gridViewCellIndexPath) {
        [self.allBoards removeObjectAtIndex:gridViewCellIndexPath.item];
        [_springBoardView deleteItemsAtIndexPaths:@[gridViewCellIndexPath]];
    } else {
        gridViewCellIndexPath = [_popupFolderView.collectionView indexPathForCell:deletedCell];
        if (gridViewCellIndexPath) {

            [_popupFolderView.dataSource removeObjectAtIndex:gridViewCellIndexPath.item];
            [_popupFolderView.collectionView deleteItemsAtIndexPaths:@[gridViewCellIndexPath]];

            if (_popupFolderView.dataSource.count > 0) {
                [_springBoardView reloadItemsAtIndexPaths:@[_popupFolderView.dataSourceItemPath]];
            } else {
                [self.allBoards removeObjectAtIndex:_popupFolderView.dataSourceItemPath.item];
                [_springBoardView deleteItemsAtIndexPaths:@[_popupFolderView.dataSourceItemPath]];
            }
        }
    }
}

#pragma mark -
#pragma mark FlowLayoutDelegate
- (BOOL)collectionView:(UICollectionView *)collectionView canMoveItemAtIndexPath:(NSIndexPath *)indexPath
{
    return YES;
}

- (BOOL)collectionView:(UICollectionView *)collectionView canMoveItemFromIndexPath:(NSIndexPath *)fromIndexPath
           toIndexPath:(NSIndexPath *)toIndexPath
{
    return YES;
}

- (void)collectionView:(UICollectionView *)collectionView willMoveItemFromIndexPath:(NSIndexPath *)fromIndexPath
           toIndexPath:(NSIndexPath *)toIndexPath
{
    if ([collectionView isEqual:_springBoardView]) {
        id data = self.allBoards[fromIndexPath.item];
        [self.allBoards removeObjectAtIndex:fromIndexPath.item];
        [self.allBoards insertObject:data atIndex:toIndexPath.item];
    } else {
        id data = _popupFolderView.dataSource[fromIndexPath.item];
        [_popupFolderView.dataSource removeObjectAtIndex:fromIndexPath.item];
        [_popupFolderView.dataSource insertObject:data atIndex:toIndexPath.item];
    }
}

- (void)collectionView:(UICollectionView *)collectionView didMoveItemFromIndexPath:(NSIndexPath *)fromIndexPath intoIndexPath:(NSIndexPath *)intoIndexPath
{
    id data = [self.allBoards objectAtIndex:intoIndexPath.item];
    if ([data isKindOfClass:[NSArray class]]) {
        NSMutableArray *array = (NSMutableArray *)data;
        UIColor *originColor = self.allBoards[fromIndexPath.item];
        [array addObject:originColor];

        [self.allBoards replaceObjectAtIndex:intoIndexPath.item withObject:array];
    } else {
        NSMutableArray *array = [NSMutableArray new];
        [array addObject:self.allBoards[fromIndexPath.item]];
        [array addObject:self.allBoards[intoIndexPath.item]];

        [self.allBoards replaceObjectAtIndex:intoIndexPath.item withObject:array];
    }
    [_springBoardView reloadItemsAtIndexPaths:@[intoIndexPath]];
    [self.allBoards removeObjectAtIndex:fromIndexPath.item];
}

- (void)collectionView:(UICollectionView *)collectionView willMoveItemAtIndexPathOutofEdge:(NSIndexPath *)indexPath
{
    id data = [_popupFolderView.dataSource objectAtIndex:indexPath.item];
    [_popupFolderView.dataSource removeObjectAtIndex:indexPath.item];
    [_popupFolderView.collectionView deleteItemsAtIndexPaths:@[indexPath]];
    [_popupFolderView setHidden:YES];
    [_popupFolderView.nameField resignFirstResponder];

    [_springBoardView reloadItemsAtIndexPaths:@[_popupFolderView.dataSourceItemPath]];
    NSInteger index = self.allBoards.count;
    [self.allBoards insertObject:data atIndex:index];
    [_springBoardView insertItemsAtIndexPaths:@[[NSIndexPath indexPathForItem:(self.allBoards.count-1) inSection:0]]];
}

#pragma mark -
#pragma TBPopupFolderViewDelegate
- (void)folderNameChanged:(NSString *)name indexPath:(NSIndexPath *)indexPath
{
    TBCollectionViewCell *folderCell = (TBCollectionViewCell *)[_springBoardView cellForItemAtIndexPath:indexPath];
    if (folderCell) {
        folderCell.title = name;
    }
}

Installation

There are 2 ways to use SpringBoard in your project:

using CocoaPods: pod 'TBSpringBoard', '~> 0.0.1'
Copying all files in SpringBoard to your project and implemente the delegate.

TimBao / TBSpringBoard

TBSpringBoard

Introduction

ScreenShot

Dependence

Usage

Installation

简介

发行版

贡献者

近期动态

TimBao / TBSpringBoard .gitee-modal { width: 500px !important; }

TBSpringBoard

Introduction

ScreenShot

Dependence

Usage

Installation

简介

发行版

开源评估指数源自 OSS-Compass 评估体系，评估体系围绕以下三个维度对项目展开评估：

贡献者

近期动态

搜索帮助

TimBao / TBSpringBoard