Размер прокрутки ручек в UICollectionViewCell

Ответ 1

Ну сначала начнем с UIViewController, который держит ваш UICollectionView:

Определите переменную для хранения макета коллекции:

var flowLayout:UICollectionViewFlowLayout = UICollectionViewFlowLayout()

Вам придется переопределить viewWillLayoutSubviews, и это будет обрабатывать размер коллекции.

override func viewWillLayoutSubviews() {
    super.viewWillLayoutSubviews()

    flowLayout.itemSize = CGSize(width: view.frame.width, height:view.frame.height)

}

Также вам нужно переопределить viewDidLayoutSubviews, чтобы обрабатывать размер каждой новой ячейки, чтобы установить ее по умолчанию:

    override func viewDidLayoutSubviews() {

        if let currentCell = imageCollectionView.cellForItemAtIndexPath(desiredIndexPath) as? GalleryCell {
            currentCell.configureForNewImage()
        }
}

в ViewDidLoad установите для коллекцииViewView горизонтальную структуру потока:

    // Set up flow layout
    flowLayout.scrollDirection = UICollectionViewScrollDirection.Horizontal
    flowLayout.minimumInteritemSpacing = 0
    flowLayout.minimumLineSpacing = 0

    // Set up collection view
    imageCollectionView = UICollectionView(frame: CGRect(x: 0, y: 0, width: self.view.frame.width, height: self.view.frame.height), collectionViewLayout: flowLayout)

    imageCollectionView.translatesAutoresizingMaskIntoConstraints = false
    imageCollectionView.registerClass(GalleryCell.self, forCellWithReuseIdentifier: "GalleryCell")
    imageCollectionView.dataSource = self
    imageCollectionView.delegate = self
    imageCollectionView.pagingEnabled = true
    view.addSubview(imageCollectionView)

    imageCollectionView.contentSize = CGSize(width: 1000.0, height: 1.0)

В вашем методе UICollectionView cellForItemAtIndexPath загрузите изображение только без настройки:

 cell.image = UIImage(named: array[indexPath.row])

Теперь перейдите в класс GalleryCell и обработайте scrollView при масштабировании:

class GalleryCell: UICollectionViewCell, UIScrollViewDelegate {

    var image:UIImage? {
        didSet {
            configureForNewImage()
        }
    }

     var scrollView: UIScrollView
     let imageView: UIImageView

   override init(frame: CGRect) {

        imageView = UIImageView()
        imageView.translatesAutoresizingMaskIntoConstraints = false
        scrollView = UIScrollView(frame: frame)
        scrollView.translatesAutoresizingMaskIntoConstraints = false

        super.init(frame: frame)
        contentView.addSubview(scrollView)
        contentView.addConstraints(scrollViewConstraints)

        scrollView.addSubview(imageView)

        scrollView.delegate = self
        scrollView.maximumZoomScale = 4
    }

    required public init?(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }

    internal func configureForNewImage() {
        imageView.image = image
        imageView.sizeToFit()

        setZoomScale()
        scrollViewDidZoom(scrollView)
    }

    public func viewForZoomingInScrollView(scrollView: UIScrollView) -> UIView? {
        return imageView
    }

    public func scrollViewDidZoom(scrollView: UIScrollView) {

        let imageViewSize = imageView.frame.size
        let scrollViewSize = scrollView.bounds.size

        let verticalPadding = imageViewSize.height < scrollViewSize.height ? (scrollViewSize.height - imageViewSize.height) / 2 : 0
        let horizontalPadding = imageViewSize.width < scrollViewSize.width ? (scrollViewSize.width - imageViewSize.width) / 2 : 0

        if verticalPadding >= 0 {
            // Center the image on screen
            scrollView.contentInset = UIEdgeInsets(top: verticalPadding, left: horizontalPadding, bottom: verticalPadding, right: horizontalPadding)
        } else {
            // Limit the image panning to the screen bounds
            scrollView.contentSize = imageViewSize
        }


}

Я тестировал его с помощью примера, и он должен решить вашу проблему с помощью scrollview и @Spencevail, объясняемых в основном, почему это вызвано!

Ответ 2

Вам нужно установить contentInset в вашем прокрутке. Что происходит? contentSize из UIScrollView изначально устанавливается в соответствии с размером экрана с изображением внутри этого. Когда вы увеличиваете масштаб прокрутки, contentSize расширяется пропорционально, поэтому черные области выше и ниже фотографий, когда вы увеличиваете масштаб, расширяются по мере увеличения. Другими словами, вы расширяете область вверх и вниз, где ваше изображение может пойти. Если вы отрегулируете contentInset, это приведет к тому, что мертвая зона и не позволит прокручивать изображение для перемещения изображения из окна.

public func scrollViewDidZoom(scrollView: UIScrollView) {

    let imageViewSize = imageView.frame.size
    let scrollViewSize = scrollView.bounds.size

    let verticalPadding = imageViewSize.height < scrollViewSize.height ? (scrollViewSize.height - imageViewSize.height) / 2 : 0
    let horizontalPadding = imageViewSize.width < scrollViewSize.width ? (scrollViewSize.width - imageViewSize.width) / 2 : 0

    if verticalPadding >= 0 {
        // Center the image on screen
        scrollView.contentInset = UIEdgeInsets(top: verticalPadding, left: horizontalPadding, bottom: verticalPadding, right: horizontalPadding)
    } else {
        // Limit the image panning to the screen bounds
        scrollView.contentSize = imageViewSize
    }

}

Это выглядит почти так же, как с открытым исходным кодом Cocoapod, которым я помогаю, SwiftPhotoGallery. Взгляните на код SwiftPhotoGalleryCell, и вы должны получить довольно хорошее представление о том, как это сделать. (Не стесняйтесь просто использовать cocoapod, если хотите!)