Swift 3：プログラムでCollectionviewヘッダのラベルを正しく作成できますか？

Question

申し訳ありません、私はここでスイフト3で働いています。そして、私はuicollectionviewsに新しいです。私はプログラムで、ラベルのサブビューとしてUICollectionReusableViewのコレクションビューにラベルを追加しようとしています。他のビューと同じようにラベルを追加しましたが、ヘッダーのラベルにCENTERというラベルを付けることはできません。ここで

は私のラベルコードは、ストーリーボードのヘッダに追加されたカスタムヘッダークラ​​ス、である：

let pointsLabel = UILabel() 

    override init(frame: CGRect) { 
     super.init(frame: frame) 
     self.customInit() 
    } 


    required init(coder aDecoder: NSCoder) { 
     super.init(coder: aDecoder)! 
     self.customInit() 
    } 

    func customInit() { 

     //center inside content 
     pointsLabel.frame = CGRect(x: 0, y: 0, width: self.bounds.width, height: 100) 
    pointsLabel.center = CGPoint(x: self.bounds.width * 0.5, y: self.bounds.height * 0.5) 
    pointsLabel.textColor = UIColor.darkGray 
    pointsLabel.textAlignment = .center 

     pointsLabel.text = "Testing 123" 
     pointsLabel.font = UIFont(name: "Montserrat", size: 30) 
     self.addSubview(pointsLabel) 

    } 

私Collectionviewは、いずれかの側に余裕を持っている。しかし

self.collectionView.contentInset = UIEdgeInsets(top: 0, left: 32.5, bottom: 0, right: 32.5) 

これはヘッダービューのサイズに影響を与えるだけで、ラベルはheader.bounds.width * 0.5の中央に配置されている必要があります。そして私は、テキストの配置を中心に、まだテキストが左に偏っている：

ことができます場合は、私のコレクションビューは、メッセージアプリの拡張機能の中にあるが、やはり私はそれがどのように変化するか分かりませんもの。ここで何が間違っていますか？

さえ持つ：

pointsLabel.frame = CGRect(x: 0, y: 0, width: self.bounds.width, height: 100) 
    //pointsLabel.center = CGPoint(x: self.bounds.width * 0.8, y: self.bounds.height * 0.5) 
     pointsLabel.center = self.center 
     pointsLabel.textColor = UIColor.darkGray 
     pointsLabel.backgroundColor = UIColor.blue 

以下に私の幅を変え、私が手：

なぜ？

Answer 1

スウィフトアンカーシステムを使用して、ラベルにヘッダーを塗りつぶすことができます。そのような独自のカスタムヘッダクラスを作成することができます。アンカーが機能する方法は、サイズに関係なく、ビューの上、左、右、下に展開するようにラベルに制約を設定します。左と右のアンカーに定数[32.5と-32.5]を追加すると、あなたが探しているインセットの間隔が追加されます。お役に立てれば。

カスタムヘッダークラ​​ス

class CustomHeader: UICollectionViewCell { 

    let pointsLabel: UILabel = { 
    let n = UILabel() 
     n.textColor = UIColor.darkGray 
     n.textAlignment = .center 
     n.text = "Testing 123" 
     n.font = UIFont(name: "Montserrat", size: 30) 
    return n 
    }() 

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

    pointsLabel.translatesAutoresizingMaskIntoConstraints = false 
    pointsLabel.leftAnchor.constraint(equalTo: leftAnchor, constant: 32.5).isActive = true 
    pointsLabel.rightAnchor.constraint(equalTo: rightAnchor, constant: -32.5).isActive = true 
    pointsLabel.topAnchor.constraint(equalTo: topAnchor).isActive = true 
    pointsLabel.bottomAnchor.constraint(equalTo: bottomAnchor).isActive = true 
    } 
} 

あなたはヘッダは以下のようになりたい幅と高さを登録すると宣言することができ、このヘッダを使用していますのViewController。だからあなたが持っているすべてのクラスは、カスタムヘッダーを使用するためにあなたのファイルに以下の関数を追加し、それはあなたが探しているものを与える必要があります。 =]

class ControllerUsesHeader: UICollectionViewController { 
    let headerId = "headerId" 

    override func viewDidLoad() { 
    super.viewDidLoad() 

    collectionView?.register(CustomHeader.self, forSupplementaryViewOfKind: 
     UICollectionElementKindSectionHeader, withReuseIdentifier: headerId) 
    } 


    override func collectionView(_ collectionView: UICollectionView, viewForSupplementaryElementOfKind kind: 
    String, at indexPath: IndexPath) -> UICollectionReusableView { 
     let header = collectionView.dequeueReusableSupplementaryView(ofKind: kind, withReuseIdentifier: 
      headerId, for: indexPath) as! CustomHeader 
     return header 
     } 

} 

extension ControllerUsesHeader: UICollectionViewDelegateFlowLayout { 
    func collectionView(_ collectionView: UICollectionView, layout 
    collectionViewLayout: UICollectionViewLayout, referenceSizeForHeaderInSection 
    section: Int) -> CGSize { 
    return CGSize(width: view.frame.width, height: 100) 
}