Swift UICollectionViewCells也分散开来

我试图将5 UICollectionViewCell放在一行上，虽然似乎有足够的水平空间，但每个单元格之间的空间太多。我无法弄清楚如何减少它。这里是什么样子以及一些伪代码：Swift UICollectionViewCells也分散开来

class ViewController: UIViewController { 

    let my_view = MyView() 

    override func viewDidLoad() { 
     super.viewDidLoad() 

     self.my_view.delegate = self 

     self.my_view.translatesAutoresizingMaskIntoConstraints = false 

     self.scroll_view.addSubview(self.my_view) 

     self.my_view.centerXAnchor.constraint(equalTo: self.view.centerXAnchor).isActive = true 
     self.my_view.topAnchor.constraint(equalTo: self.view.topAnchor, constant: 20).isActive = true 
     self.my_view.widthAnchor.constraint(equalTo: self.view.widthAnchor).isActive = true 
     self.my_view.bottomAnchor.constraint(equalToConstant: 100).isActive = true 
    } 


} 

extension ViewController: UICollectionViewDelegateFlowLayout, UICollectionViewDataSource { 

    func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int { 
     return 5 
    } 

    func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell { 
     let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "cell", for: indexPath) as! MyCell 
     return cell 
    } 
} 

class MyView: UIView { 

    var delegate: ViewController! { 
     didSet { 
      self.collection_view.delegate = self.delegate 
      self.collection_view.dataSource = self.delegate 
     } 
    } 

    var collection_view: UICollectionView! 

    init() { 
     let layout = UICollectionViewFlowLayout() 
     layout.sectionInset = UIEdgeInsets(top: 0, left: 5, bottom: 0, right: 5) 
     layout.itemSize = CGSize(width: 60, height: 40) 
     layout.minimumInteritemSpacing = 0 
     layout.minimumLineSpacing = 0 

     self.collection_view = UICollectionView(frame: .zero, collectionViewLayout: layout) 
     self.collection_view.register(AgeCell.self, forCellWithReuseIdentifier: "cell") 
     self.collection_view.backgroundColor = .clear 
     self.collection_view.translatesAutoresizingMaskIntoConstraints = false 

     self.addSubview(self.collection_view) 

     self.collection_view.centerXAnchor.constraint(equalTo: self.centerXAnchor).isActive = true 
     self.collection_view.widthAnchor.constraint(equalTo: self.widthAnchor).isActive = true 
     self.collection_view.topAnchor.constraint(equalTo: self.title_label.bottomAnchor, constant: 15).isActive = true 
     self.collection_view.heightAnchor.constraint(equalToConstant: 60).isActive = true 
    } 


} 

class MyCell: UICollectionViewCell { 

    let button: UIButton = { 
     let button = UIButton(type: .system) 
     button.backgroundColor = UIColor(r: 0, g: 0, b: 0, a: 100) 
     button.setTitle("Test", for: .normal) 
     button.layer.borderColor = UIColor.EVO_blue.cgColor 
     button.layer.borderWidth = 1.0 
     return button 
    }() 

    override init(frame: CGRect) { 
     super.init(frame: frame) 

     self.addSubview(self.button) 
     self.button.frame = self.frame 
    } 

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

}

这是设备的宽度，只有3显示了起来：

我能做些什么来获取所有5个细胞出现？谢谢。

来源

2017-08-08 Archie Gertsman

这听起来像是一个用户界面问题。 –

的问题是，在我的MyCell类的，我写

self.button.frame = self.frame

而我应该有书面

self.button.frame = self.bounds

来源

2017-08-08 04:10:23

使用UICollectionViewDelegateFlowLayout方法管理单元尺寸，LineSpacing和InterItemSpacing ： -

func collectionView(_ collectionView: UICollectionView, layout 
collectionViewLayout: UICollectionViewLayout, 
minimumLineSpacingForSectionAt section: Int) -> CGFloat { 
return 0 
} 

func collectionView(_ collectionView: UICollectionView, layout 
collectionViewLayout: UICollectionViewLayout, 
minimumInteritemSpacingForSectionAt section: Int) -> CGFloat { 
    return 0 
} 

func collectionView(_ collectionView: UICollectionView, layout 
collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: 
IndexPath) -> CGSize { 
return CGSize // return size of cell according to you 
}

来源

2017-08-08 05:30:29

使用UICollectionViewDelegateFlowLayout，您需要在sizeForItemAt方法中返回正确的大小。我试图编写解决问题的逻辑。

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize { 
    let width = (Globals.screenWidth - 60.0)/5 
    return CGSize(width: width, height: 80.0) 
} 

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, insetForSectionAt section: Int) -> UIEdgeInsets { 
    return UIEdgeInsetsMake(0, 5, 0, 5) 
} 

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, minimumLineSpacingForSectionAt section: Int) -> CGFloat { 
    return 0.0 
}

试试这个。

来源

2017-08-08 05:44:27

Swift UICollectionViewCells也分散开来

回答

相关问题