Multiple UICollectionView - ios

Question

Hi Is it possible to create a Collection View with different scroll direction?
First section should scroll Horizontally and the second section will scroll Vertically.
I'm planning to create an app that shows the featured item image(array) in the first cell and user can swipe horizontally to see the next image and the rest is 2 cell per row and will scroll vertically.
EDIT: It should be treated as 1 view (for scrolling purposes)

Answer 1

Yes. You can simply create 2 different collection views. One will has horizontal direction. Another one will has vertical direction.
Update:
If you wanna move out the top collection view. I'd recommend you to implement UIScrollViewDelegate on the second collection view (UICollectionView is subclass of UIScrollView) and when user starts scrolling just moving top collection view out.

Answer 2

yes you can add a first collection view on view controller and add a header to collection view and add a another collection view on that and manage it with tag call the delegate method on the base of tag .

Answer 3

While scrolling, do you want the top part (IMAGE) to be scrolled or remain there at top?
If you want it to remain at top than create 2 collection views separately. One horizontally scrolling other one vertically scrolling.
If not then create one collection view (which moves both horizontal and vertical) with items/2 + 1 sections. First section will have multiple items and have another layout so that it will move horizontally. And the following sections will have 2 items but fit to the screen so that wont move horizontally.

Answer 4

Ya, its posible to create two UICollectionView, first is top and second is bottom. set the scroll direction flow horizontal or vertical.
your design is created below,
select the UICollectionView then see right side, select the Attribute Inpector set the scroll Direction Horizontal or Vertical.
GreenColor is one UICollectionView, GrayColor is second UICollectionView. < and > is UIButton
Use the scrollview delegate methods its scroll top side
- (void)scrollViewDidScroll:(UIScrollView *)scrollView{
GreenView.hidden = Yes;
//update the GrayView frame its helpful
/* CGFloat x = self.mainCollectionView.contentOffset.x / self.mainCollectionView.bounds.size.width * SM_IPHONE_THUMB_CONTAINER_SIZE; // cell width + spacing 48 + 8
CGFloat y = 0;
CGPoint contentOffset = CGPointMake(x, y);
self.thumbsCollectionView.contentOffset = contentOffset;
CGFloat x = self.thumbsCollectionView.contentOffset.x / self.thumbsCollectionView.bounds.size.width * SM_IPHONE_THUMB_CONTAINER_SIZE; // cell width + spacing 48 + 8
CGFloat y = 0;
CGPoint contentOffset = CGPointMake(x, y);
self.mainCollectionView.contentOffset = contentOffset; */
}
hope its helpful