Swift 3 CollectionView масштабирование

Question

Недавно я реализовал представление коллекции в приложении, единственная проблема, с которой я столкнулся, заключается в том, что просмотр коллекции идет от 2 столбцов до 1 столбца на небольших устройствах с большим количеством дополнений с обеих сторон.

Heres на экране меньше, чем в iPhone 6:

и вот как это выглядит на экране большего или равного к iPhone 6:

я попробовать несколько метод, где, если ширина дисплея была меньше, чем определенное количество d масштабировать ячейки, но это не сработало, потому что ячейки, которые действительно масштабировались, но где не центрированы и не перескакивают.

Answer 1

Вы должны вычислить ячейку width.Try этот код.

class YourClass: UIViewController { 
     //MARK:-Outlets 
     @IBOutlet weak var yourCollectionView: UICollectionView! 

     //Mark:-Variables 
     var cellWidth:CGFloat = 0 
     var cellHeight:CGFloat = 0 
     var spacing:CGFloat = 12 
     var numberOfColumn:CGFloat = 2 


     //MARK:-LifeCycle 
     override func viewDidLayoutSubviews() { 
      super.viewDidLayoutSubviews() 

      yourCollectionView.contentInset = UIEdgeInsets(top: spacing, left: spacing, bottom: spacing, right: spacing) 

      if let flowLayout = yourCollectionView.collectionViewLayout as? UICollectionViewFlowLayout{ 
       cellWidth = (yourCollectionView.frame.width - (numberOfColumn + 1)*spacing)/numberOfColumn 
       cellHeight = cellWidth //yourCellHeight = cellWidth if u want square cell 
       flowLayout.minimumLineSpacing = spacing 
       flowLayout.minimumInteritemSpacing = spacing 
      } 
     } 

    extension YourClass:UICollectionViewDelegateFlowLayout{ 
      func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize { 
       return CGSize(width: cellWidth, height: cellHeight) 
      } 
    } 

Answer 2

Вам нужно рассчитать свои размеры в зависимости от размера телефона - если ширина двух ячеек больше, чем размер экрана (включая все смещения между ними), они будут располагаться как на первом снимке.

У вас есть два варианта: Один из них касается размеров и масштабирования ячеек в соответствии с размером устройства Два оставляйте его как есть - внесите небольшие изменения для iphone6 ​​/ 6s/7.

Если вы отказались от первого, вам нужно будет установить ограничение для этих размеров - соотношение сторон или центр по горизонтали (что может немного обрезать изображение).

Для изменения размеров динамически, посмотрите на: https://developer.apple.com/reference/uikit/uicollectionviewdelegateflowlayout

Более конкретно: https://developer.apple.com/reference/uikit/uicollectionviewdelegateflowlayout/1617708-collectionview