iOS Swift 3: UICollectionView горизонтальный центр и большая ячейка

Question

Я хочу создать представление коллекции следующим образом: представление коллекции

у которого большая ячейка в центре, а ячейка привязана к центру контейнера, но в Swift 3. Я не хочу использовать библиотеку, так как хочу научиться создавать собственный коллекционный вид, подобный этому.

Я искал по SO, но еще не нашел подходящего решения

Answer 1

Написать эту функцию

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
        return CGSize(width: collectionView.frame.size.width, height: collectionView.frame.size.height)
    }

сделать вид коллекции [направление прокрутки] по горизонтали

и [прокрутка] тик-прокрутка включения и пейджинг включения

сделать клетку больше

override func viewWillTransition(to size: CGSize, with coordinator: UIViewControllerTransitionCoordinator) {

    let offSet = self.collectionView.contentOffset
    let width = self.collectionView.bounds.size.width

    let index = round(offSet.x / width)
    let newPoint = CGPoint(x: index * size.width, y: offSet.y)


    coordinator.animate(alongsideTransition: { (UIViewControllerTransitionCoordinatorContext) in

    },completion: {(UIVIewTransitionCoordinatorContext) in
        self.collectionView.reloadData()
        self.collectionView.setContentOffset(newPoint, animated: true)
    })

}

Answer 2

Для достижения этого вам нужно будет подкласс UICollectionViewFlowLayout и переопределить:

- (UICollectionViewLayoutAttributes *)layoutAttributesForItemAtIndexPath:(NSIndexPath *)indexPath

затем вызовите super.layoutAt... и измените ячейку, которую она возвращает через свой атрибут.transform, и верните измененные атрибуты.

Вот пример, который я сделал ранее.

override func layoutAttributesForElements(in rect: CGRect) -> [UICollectionViewLayoutAttributes]? {

var att = super.layoutAttributesForElements(in: rect)!

if !(delegate?.reelPlayerFlowIsPreviewMode() ?? true) {
    return att
}
let region = CGRect(x: (self.collectionView?.contentOffset.x)!,
                    y: (self.collectionView?.contentOffset.y)!,
                    width: (self.collectionView?.bounds.size.width)!,
                    height: (self.collectionView?.bounds.size.height)!)

let center = CGPoint(x: region.midX, y: region.midY)

for theCell in att {

    print("\(theCell.indexPath.item)\n\(theCell)\n")
    let cell = theCell.copy() as! UICollectionViewLayoutAttributes
    var f = cell.frame
    let cellCenter = CGPoint(x: f.midX, y: f.midY)
    let realDistance = min(center.x - cellCenter.x, region.width)
    let distance = abs(realDistance)
    let d = (region.width - distance) / region.width
    let p = (max(d, ReelPlayerFlowLayout.minPercent) * ReelPlayerFlowLayout.maxPercent)

    f.origin.x += (realDistance * ((1 - ReelPlayerFlowLayout.maxPercent) + (ReelPlayerFlowLayout.maxPercent - ReelPlayerFlowLayout.minPercent)))

    cell.frame = f
    cell.size = CGSize (width: f.width * p, height: f.height * p)            
    let index = att.index(of: theCell)!
    att[index] = cell
}

return att

}