Giter Site home page Giter Site logo

foursquare / fsqcollectionviewalignedlayout Goto Github PK

View Code? Open in Web Editor NEW
176.0 176.0 19.0 76 KB

FSQCollectionViewAlignedLayout is a generic collection view layout designed to be very flexible and configurable. It's goal is to save its users from having to write their own custom layout classes every time UICollectionViewFlowLayout is not appropriate for their view.

License: Other

Objective-C 99.05% Ruby 0.95%

fsqcollectionviewalignedlayout's People

Contributors

bb9z avatar samgro avatar xhacker avatar yanks avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

fsqcollectionviewalignedlayout's Issues

Animated cells should have higher Z index than headers

The built-in animation support for moving cells works really well, except that section headers have a higher Z index than the animated cells. This means that if a cell is animated to a different section, it will pass under the header briefly.

What about horizontal scrolling?

Hi!
Thanks for this great library! I wanted to use it for my project but it seems that horizontal scrolling is not supported... Did you know that UICollectionViewFlowLayout has a @Property scrollingDirection?

It would be really great if you could implement such a feature for FSQCollectionViewAlignedLayout.

EDIT:
actually, what I would like to achieve is more "detailed" that what your framework provides. I will try to do it by myself. But if you have a clue or wishes to do it... don't hesitate! Thanks
capture d ecran 2015-02-04 a 16 53 59

EDIT2:
actually what I want to do has nothing to do with matters of alignment!! If you want any idea or project that you know to help me, thanks! I hope I will use your great project one day!
capture d ecran 2015-02-04 a 17 22 15

Items blink for center and right section alignment

Very interesting layout but I found a problem in your example.
I updated in your example generateExampleData function and run on iphone 6.
I see items begin to disappear when big items reach collectionView bottom. This happen when I change section layout with segmented controller to center or right and make some scroll.

  • (void)generateExampleData {
    int count=arc4random()%100;
    self.cellSizes = @[].mutableCopy;
    self.cellColors = @[].mutableCopy;

    NSArray* colorsArr = @[[UIColor redColor],
    [UIColor blueColor],
    [UIColor greenColor],
    [UIColor orangeColor],
    [UIColor purpleColor],
    [UIColor yellowColor],
    [UIColor magentaColor],
    [UIColor grayColor],
    ];

    for(int i=0;i<count;i++){
    [self.cellSizes addObject:@(arc4random()%400)];
    [self.cellColors addObject:colorsArr[arc4random()%colorsArr.count]];
    }
    }

Section Headers disappear

I was working with this Layout, but after adding more sections and scroll to the bottom of the collection the headers disappear!
I tried with the example, just adding more sections to the data and... the same issue happened.

Is there a way to fix it? ๐Ÿ˜ข

Here is what I did with the example

- (NSArray *)generateExampleData {
...
return @[sectionOne, sectionTwo, sectionThree, sectionFour, sectionFive, sectionFive, sectionFive, sectionFive, sectionFive,sectionFive, sectionFive, sectionFive];
}

Before the 7th section all is fine, but after it...
captura de pantalla 2015-04-10 a las 11 23 39

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.