UICollectionView-セル間に線を引く

ニャーニャーニャー

スペースを横切るUICollectionViewのセル間に線を引くにはどうすればよいですか?意図した出力は次のようなものです。

ここに画像の説明を入力してください

私がやった最善のことは、各セル内に行を追加することです。スペースを介して線を接続するにはどうすればよいですか?

カラム

私はあなたがこのように使うことができる拡張を作りました:

collectionView.drawLineFrom(indexPathA, to: indexPathB, color: UIColor.greenColor())

拡張機能は次のとおりです。

extension UICollectionView {

    func drawLineFrom(
        from: NSIndexPath,
        to: NSIndexPath,
        lineWidth: CGFloat = 2,
        strokeColor: UIColor = UIColor.blueColor()
    ) {
        guard
            let fromPoint = cellForItemAtIndexPath(from)?.center,
            let toPoint = cellForItemAtIndexPath(to)?.center
        else {
            return
        }

        let path = UIBezierPath()

        path.moveToPoint(convertPoint(fromPoint, toView: self))
        path.addLineToPoint(convertPoint(toPoint, toView: self))

        let layer = CAShapeLayer()

        layer.path = path.CGPath
        layer.lineWidth = lineWidth
        layer.strokeColor = strokeColor.CGColor

        self.layer.addSublayer(layer)
    }
}

結果は次のようになります。

最初のセルから2番目のセルに引かれた線

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

UICollectionViewのセル間に点線を描画する

分類Dev

UICollectionviewとセル

分類Dev

UICollectionViewセル幅

分類Dev

UICollectionViewセル間の間隔

分類Dev

UICollectionViewのセル間隔

分類Dev

UICollectionViewの最大セル間隔?

分類Dev

UICollectionViewは、スクロール時にセル間の細い「シースルー」線を点滅させます

分類Dev

UICollectionViewセルに下の境界線を作成できません

分類Dev

UICollectionViewがセルに間違った画像を表示する

分類Dev

デバイスの画面サイズに基づくUICollectionViewセル間隔

分類Dev

UICollectionViewセル内にUIViewControllerを追加する

分類Dev

セルを再利用せずにUICollectionView

分類Dev

UICollectionViewがセルに画像を追加する

分類Dev

UICollectionViewのセル間隔が機能しなくなった

分類Dev

UICollectionViewセルの間隔がまったくない

分類Dev

UICollectionviewを更新する

分類Dev

UICollectionView-セル間の距離?

分類Dev

セル間隔がゼロのUICollectionView

分類Dev

SwiftのUICollectionViewのセルregisterClass

分類Dev

UIcollectionviewセルの問題Swift

分類Dev

UiCollectionViewセルの動的幅

分類Dev

UICollectionViewの動的幅セル

分類Dev

UICollectionViewセル画像エラー

分類Dev

UICollectionViewセルはUICollectionViewの幅を占めません

分類Dev

UICollectionViewのセル間のスペースを削除します

分類Dev

グリッドではなく垂直に並ぶUICollectionViewセル

分類Dev

UICollectionViewセルによる高速列挙-Swift

分類Dev

UICollectionViewに表示されないセル

分類Dev

UICollectionView-特定のセルを広くしますか?

Related 関連記事

  1. 1

    UICollectionViewのセル間に点線を描画する

  2. 2

    UICollectionviewとセル

  3. 3

    UICollectionViewセル幅

  4. 4

    UICollectionViewセル間の間隔

  5. 5

    UICollectionViewのセル間隔

  6. 6

    UICollectionViewの最大セル間隔?

  7. 7

    UICollectionViewは、スクロール時にセル間の細い「シースルー」線を点滅させます

  8. 8

    UICollectionViewセルに下の境界線を作成できません

  9. 9

    UICollectionViewがセルに間違った画像を表示する

  10. 10

    デバイスの画面サイズに基づくUICollectionViewセル間隔

  11. 11

    UICollectionViewセル内にUIViewControllerを追加する

  12. 12

    セルを再利用せずにUICollectionView

  13. 13

    UICollectionViewがセルに画像を追加する

  14. 14

    UICollectionViewのセル間隔が機能しなくなった

  15. 15

    UICollectionViewセルの間隔がまったくない

  16. 16

    UICollectionviewを更新する

  17. 17

    UICollectionView-セル間の距離?

  18. 18

    セル間隔がゼロのUICollectionView

  19. 19

    SwiftのUICollectionViewのセルregisterClass

  20. 20

    UIcollectionviewセルの問題Swift

  21. 21

    UiCollectionViewセルの動的幅

  22. 22

    UICollectionViewの動的幅セル

  23. 23

    UICollectionViewセル画像エラー

  24. 24

    UICollectionViewセルはUICollectionViewの幅を占めません

  25. 25

    UICollectionViewのセル間のスペースを削除します

  26. 26

    グリッドではなく垂直に並ぶUICollectionViewセル

  27. 27

    UICollectionViewセルによる高速列挙-Swift

  28. 28

    UICollectionViewに表示されないセル

  29. 29

    UICollectionView-特定のセルを広くしますか?

ホットタグ

アーカイブ