web-dev-qa-db-ja.com

UICollectionViewのセル間のスペースを変更するにはどうすればよいですか？

行のセル間のサイズを小さくしたい。次のようになります。

enter image description here

それらの間のサイズを小さくするために、私はこれを試しています：

let layout: UICollectionViewFlowLayout = UICollectionViewFlowLayout()
layout.sectionInset = UIEdgeInsets(top: 20, left: 2, bottom: 10, right: 2)
layout.minimumInteritemSpacing = 0
layout.minimumLineSpacing = 0

しかし、それは私を助けません。私が間違っていることは何ですか？

iosswiftuicollectionviewuicollectionviewcell
17
John Doe
//Objective C
- (CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout sizeForItemAtIndexPath:(NSIndexPath *)indexPath {
        return CGSizeMake((collectionView.frame.size.width/3)-20, 100);
    }

// Swift 2.0

func collectionView(collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAtIndexPath indexPath: NSIndexPath) -> CGSize {
    return CGSizeMake((collectionView.frame.size.width / 3) - 20, 100)
}

// Swift 3.0
override func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
    return CGSize(width: CGFloat((collectionView.frame.size.width / 3) - 20), height: CGFloat(100))
}
25
Yagnesh Dobariya

ストーリーボードに移動し、コレクションビューを右クリックして enter image description here

そして、セル間の最小間隔を確認し、ゼロに減らします。

23
Himan Dhawan

コードで、コレクションビューにIBOutletを作成し、collectionViewLayoutを次のように割り当てる必要があります。

let layout: UICollectionViewFlowLayout = UICollectionViewFlowLayout()
layout.sectionInset = UIEdgeInsets(top: 20, left: 2, bottom: 10, right: 2)
layout.minimumInteritemSpacing = 0
layout.minimumLineSpacing = 0
collectionView!.collectionViewLayout = layout
10
Manny

簡単だ

let layout = contactsCollectionView.collectionViewLayout as? UICollectionViewFlowLayout
layout?.minimumLineSpacing = 8
3
jamal zare

CollectionViewまたはStoryBoardでXibを作成する場合、StoryBoardまたはXibに移動し、これらの値を

enter image description here

1
Pengyu Zhang

プログラムによるSwift 5

lazy var collectionView: UICollectionView = {
        let layout = UICollectionViewFlowLayout()
        layout.scrollDirection = .horizontal

        //Provide Width and Height According to your need
        let width = UIScreen.main.bounds.width / 4
        let height = UIScreen.main.bounds.height / 10
        layout.itemSize = CGSize(width: width, height: height)

        //Make Space as Zero
        layout.minimumInteritemSpacing = 0
        layout.minimumLineSpacing = 0

        return UICollectionView(frame: self.view.frame, collectionViewLayout: layout)
    }()

lazy collectionViewブロック内でより多くのカスタマイズを提供できます。

1
Shubham Mishra
extension ViewController: UICollectionViewDelegateFlowLayout {
        func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
            let collectionWidth = collectionView.bounds.width
            return CGSize(width: collectionWidth, height: collectionWidth/2)
        }
        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 100
        }
    }
1
BM LADVA

（スイフト4）

  • ストーリーボードのコレクションビューをクリックします。
  • 右側で、[サイズインスペクター]をクリックします。
  • セルサイズの値を管理および変更すれば、自分で計算できます。
0
majid khan