UICollectionViewCell with rounded corners AND drop shadow not working

by ⋅ Link

UICollectionViewCell with rounded corners AND drop shadow not working

original source : https://stackoverflow.com/questions/18113872/uicollectionviewcell-with-rounded-corners-and-drop-shadow-not-working

#1 answer

https://stackoverflow.com/a/44820559

collection view 에서 cell을 둥글게 하고 drop shadow를 만드는 방법 (cell.contentView를 cell self로 바꾸어 적용)

cell.contentView.layer.cornerRadius = 2.0
cell.contentView.layer.borderWidth = 1.0
cell.contentView.layer.borderColor = UIColor.clear.cgColor
cell.contentView.layer.masksToBounds = true
cell.layer.shadowColor = UIColor.lightGray.cgColor
cell.layer.shadowOffset = CGSize(width: 0, height: 2.0)
cell.layer.shadowRadius = 2.0
cell.layer.shadowOpacity = 1.0
cell.layer.masksToBounds = false
cell.layer.shadowPath = UIBezierPath(roundedRect: cell.bounds, cornerRadius

UICollectionViewCell with rounded corners AND drop shadow not working

by ⋅ Link

UICollectionViewCell with rounded corners AND drop shadow not working

original source : https://stackoverflow.com/questions/18113872/uicollectionviewcell-with-rounded-corners-and-drop-shadow-not-working

#1 answer

https://stackoverflow.com/a/44820559

collection view 에서 cell을 둥글게 하고 drop shadow를 만드는 방법 (cell.contentView를 cell self로 바꾸어 적용)

cell.contentView.layer.cornerRadius = 2.0
cell.contentView.layer.borderWidth = 1.0
cell.contentView.layer.borderColor = UIColor.clear.cgColor
cell.contentView.layer.masksToBounds = true
cell.layer.shadowColor = UIColor.lightGray.cgColor
cell.layer.shadowOffset = CGSize(width: 0, height: 2.0)
cell.layer.shadowRadius = 2.0
cell.layer.shadowOpacity = 1.0
cell.layer.masksToBounds = false
cell.layer.shadowPath = UIBezierPath(roundedRect: cell.bounds, cornerRadius

How to set cell spacing and UICollectionView – UICollectionViewFlowLayout size ratio?

by ⋅ Link

How to set cell spacing and UICollectionView – UICollectionViewFlowLayout size ratio?

original source : https://stackoverflow.com/questions/28325277/how-to-set-cell-spacing-and-uicollectionview-uicollectionviewflowlayout-size-r

#1 answer 

https://stackoverflow.com/a/28327193

property를 조정해서 구현할수도 있고 conform하는 func의 리턴값을 변경해서 구현할수도 있다.

Add these 2 lines

layout.minimumInteritemSpacing = 0
layout.minimumLineSpacing = 0

So you have:

   // Do any additional setup after loading the view, typically from a nib.
        let layout: UICollectionViewFlowLayout = UICollectionViewFlowLayout()
        layout.sectionInset = UIEdgeInsets(top: 20, left: 0, bottom: 10, right: 0)
        layout.itemSize = CGSize(width: screenWidth/3, height: screenWidth/3)
        layout.minimumInteritemSpacing = 0
        layout.minimumLineSpacing = 0
        collectionView!.collectionViewLayout = layout

That will remove all the spaces and give you a grid layout:

If you want the first column to have a width equal to the screen width then add the following function:

func collectionView(collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAtIndexPath indexPath: NSIndexPath) -> CGSize {
    if indexPath.row == 0
    {
        return CGSize(width: screenWidth, height: screenWidth/3)
    }
    return CGSize(width: screenWidth/3, height: screenWidth/3);

}

Grid layout will now look like (I’ve also added a blue background to first cell):

How to set cell spacing and UICollectionView – UICollectionViewFlowLayout size ratio?

by ⋅ Link

How to set cell spacing and UICollectionView – UICollectionViewFlowLayout size ratio?

original source : https://stackoverflow.com/questions/28325277/how-to-set-cell-spacing-and-uicollectionview-uicollectionviewflowlayout-size-r

#1 answer 

https://stackoverflow.com/a/28327193

property를 조정해서 구현할수도 있고 conform하는 func의 리턴값을 변경해서 구현할수도 있다.

Add these 2 lines

layout.minimumInteritemSpacing = 0
layout.minimumLineSpacing = 0

So you have:

   // Do any additional setup after loading the view, typically from a nib.
        let layout: UICollectionViewFlowLayout = UICollectionViewFlowLayout()
        layout.sectionInset = UIEdgeInsets(top: 20, left: 0, bottom: 10, right: 0)
        layout.itemSize = CGSize(width: screenWidth/3, height: screenWidth/3)
        layout.minimumInteritemSpacing = 0
        layout.minimumLineSpacing = 0
        collectionView!.collectionViewLayout = layout

That will remove all the spaces and give you a grid layout:

If you want the first column to have a width equal to the screen width then add the following function:

func collectionView(collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAtIndexPath indexPath: NSIndexPath) -> CGSize {
    if indexPath.row == 0
    {
        return CGSize(width: screenWidth, height: screenWidth/3)
    }
    return CGSize(width: screenWidth/3, height: screenWidth/3);

}

Grid layout will now look like (I’ve also added a blue background to first cell):

Collectionview Controller vs Collectionview

by ⋅ Link

Collectionview Controller vs Collectionview

original source : https://stackoverflow.com/questions/29773787/collectionview-controller-vs-collectionview

UICollectionViewController 와 UICollectionView 의 차이점


UICollectionView inherits from UIScrollView (just another UIView)

UICollectionViewController inherits from UIViewController.. and it implements some protocols.. like UICollectionViewDelegate and UICollectionViewDataSource .. it means everything is already done for you.. and you just have to use it.. but as everything is already done for you.. you may not be able to do some stuff.. like resizing your collectionView ..

if you want full control I recommend you to use your own UIViewController.. and add a UICollectionView as a subview.. so you can place it wherever you want and resize it.. don’t forget to implement UICollectionView protocols for delegation and datasource 🙂