awdigital / awcollectionviewdiallayout Goto Github PK

UICollectionViewLayout for displaying cells in a semi-circle with a nice fish eye effect

License: MIT License

Objective-C 100.00%

awcollectionviewdiallayout's Introduction

AWCollectionViewDialLayout

UICollectionViewLayout for displaying cells in a semi-circle with a nice fish eye effect.

Very handy for quickly browsing items with your left thumb without having some of the content hidden behind your finger while you scroll.

####Initialize Layout

// Radius : The radius of your circle
// Angular spacing: Angle between items (deg)
// Cell Size: Size of your cell
// Alignment: Supports 2 Types: WHEELALIGNMENTLEFT and WHEELALIGNMENTCENTER
// X-Offset: To translate the circle along the x-axis

AWCollectionViewDialLayout *dialLayout = [[AWCollectionViewDialLayout alloc] initWithRadius:300.0  andAngularSpacing:18.0 andCellSize:CGSizeMake(240, 100) andAlignment:WHEELALIGNMENTCENTER andItemHeight:100  andXOffset:70];

####Enable Snap Mode

[dialLayout setShouldSnap:YES];

####Programmatically scroll to item at index

Use the cell_height variable you used to initialize the CollectionViewLayout and multiply it by the IndexPath.item

// Scroll to item at indexPath (0,2)
 [self.collectionView setContentOffset:CGPointMake(0, cell_height * 2) animated:YES];

Flip Horizontally

You can set the flip option to YES if you want to display your items on the right side of the CollectionView.

[dialLayout setShouldFlip:YES];

awcollectionviewdiallayout's People

Contributors

Stargazers

Watchers

Forkers

vinod1988 ahmar drwin ashishnigam engmsaleh sumitmundra dronaldo17 ikalin uikit0 phylony ioriwellings germc mkuliszkiewicz zwgithub ebfio won21kr xingql dyf128 jackyhwb balram3429 ouyangruoxue jeeliu huscarltonbanks kurians2006 pblondin febbyrg runonsoftware louis49 dedelost 110440 sdbruli zedenem sprylab bluepeople1 billypchan medos1472 qiongyama mohsinalimat chetandobariya yu629 tmukammel huangjin0 mrshj hwqforapple rjlikecoding wang00100 wealon shoage cstanleyanthony alittlenasty liuhongjun719 crazypoo juncychen utouuzhenglong ghimireprashant heliang219 hyubyn openlee sunhannie agiapp technificentconsulting onery vuframelab hieulsw ipreencekmr chid-hub luoshihui 396987177 dipkasyap krekeroff90 xboxdevcat davit-isajanyan suchitabohra cingjin

awcollectionviewdiallayout's Issues

Circluar type gesture not working

Circular gesture not working only horizontal scroll gesture work

How to make loop between items.

Hi Currently in your code the scrolling stops once user reach at the either end of the CollectionView but is there any way that we can make a loop between items so that scrolling never stops and item will repeat.

Thank You!!

Magnifier issue

How we can stop the magnifier while scrolling, I mean all the items should be at the same size while scrolling with no effect?

Cells Become Invisible while scrolling

This is really nice component.

Some Cell become invisible while scrolling the scrollview.
Please look at this issue and kindly fix it.

It would be great if you add to functionality to select particular cell and auto scroll it to center position.
Kindly fix this issue, other wise really great component.

AngularSpacing

@awdigital

I was wondering how to interpret AngularSpacing property.

Obviously the angularSpacing is in degrees. Is it in relation to a full circle being 360 degrees or a full circle being 180 degrees.

i.e. Physical angle spacing = 2 * virtual angle spacing, where angularSpacing variable represents virtual spacing

If I have 3 items, and I want them to be evenly divided in the full circle, should angularSpacing be 360/3 or 180/3?

scrollToItemAtIndexPath:

First, I really love this layout; awesome work!

I think I found a bug: I just can't scroll to a specific item programmatically using [self.collectionView scrollToItemAtIndex:[NSIndexPath indexPathForItem:item inSection:0]];

Maybe you can take a look at this behavior.

Could you also show some instructions on how to make the items "snap" to the nearest item, so there's always one item "selected"?

we have a design need to be like this,

http://ac-3b5q4r6a.clouddn.com/29f9a988f84037a84b8a.jpg

thanks

request for number of items in section 0 when there are only 0 sections in the collection view

crashing on line 50 of AWCollectionViewDialLayout.m

This could be due to (a) I load data in from server then reloadData, (b) I have multiple sections.