如何使用集合视图单元格Swift iOS实现网格视图

Question

请让我知道如何制作网格视图，例如每列纵向为2个单元格，横向为3个单元格。 使用集合视图自定义单元格而不使用Pod或第三方框架。

提前致谢。

Answer 1

你需要这样

func collectionView(collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAtIndexPath indexPath: NSIndexPath) -> CGSize {
    let collectionViewSize = collectionView.frame.size.width

    if(UIDeviceOrientationIsLandscape(UIDevice.currentDevice().orientation))
    {
       return CGSizeMake(collectionViewSize/3, collectionViewSize/3)
    }
    else if(UIDeviceOrientationIsPortrait(UIDevice.currentDevice().orientation))
    {
            return CGSizeMake(collectionViewSize/2, collectionViewSize/2)
    }
    return CGSizeZero
}

您还需要在方向更改时重新加载

NSNotificationCenter.defaultCenter().addObserver(self, selector: "rotated", name: UIDeviceOrientationDidChangeNotification, object: nil)

func rotated()
{
   collectionView.reloadData() 
}

注意 ：确保您将确认UICollectionViewDelegateFlowLayout协议

Answer 2

我在这里已经回答过类似的问题。 我什至解释了如何根据您的要求更改视图。 在您的情况下，它可能看起来像这样。

let orientation = UIApplication.sharedApplication().statusBarOrientation
if(orientation == .LandscapeLeft || orientation == .LandscapeRight)
{
    return CGSizeMake((yourCollectionView.frame.size.width-10)/3, (yourCollectionView.frame.size.height-10)/3)
}
else{
   return CGSizeMake((yourCollectionView.frame.size.width-5)/2, (yourCollectionView.frame.size.height-5)/2)
}

推导是单元格填充（在我的情况下为5）。 如果3个单元格，则2个单元格填充总计10演绎；如果2个单元格，则1个单元格填充总计5个演绎。 希望这可以帮助。