Demo of a custom UICollectionViewFlowLayout subclass implementation of a roulette wheel of cards, in the style of the Yahoo TimeTraveler app.
For details please refer to: http://corgitoergosum.net/?p=1296
MIT (https://github.com/kenshin03/RouletteWheelCollectionViewDemo/blob/master/LICENSE)
- Import
RVCollectionViewCell.h
andRVCollectionViewLayout.h
in your class. - Create a
UICollectionView
instance, and useRVCollectionViewLayout.h
as the layout class. - Implement the necessary
UICollectionViewDataSource
andUICollectionViewDelegateFlowLayout
methods. - Prepare your own data source.
DemoViewController.m:
#import "RVCollectionViewCell.h"
#import "RVCollectionViewLayout.h"
@interface RVViewController ()<UICollectionViewDataSource, UICollectionViewDelegateFlowLayout>
...
/* inits the layout object and sets it to your uicollectionview via setCollectionViewLayout: */
[self.collectionView registerClass:[RVCollectionViewCell class] forCellWithReuseIdentifier:@"ItemIdentifier"];
self.collectionViewLayout = [[RVCollectionViewLayout alloc] init];
self.collectionViewLayout.superView = self.view;
[self.collectionView setCollectionViewLayout:self.collectionViewLayout];
...
/* In cellForItemAtIndexPath:, return an instance of RVCollectionViewCell */
-(UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath
{
RVCollectionViewCell *cell = (RVCollectionViewCell *)[collectionView dequeueReusableCellWithReuseIdentifier:@"ItemIdentifier" forIndexPath:indexPath];
cell.imageView = self.imagesArray[indexPath.item];
return cell;
}
The card images are works of yozzo from DeviantArts - http://yozzo.deviantart.com/