UICollectionView Section标题＆amp;页脚显示错误的方式 - iOS

Question

问题是： SupplementaryView上有一个textLabel，但是当页眉和页脚以及textLabel显示正确时，文本显示在错误的位置。

正如您在图片中看到的那样，只有第一部分标题有标题，其他页眉或页脚文字不在视线范围内（它们在屏幕上，但您必须向下滚动才能看到它）。 我不知道如何解决它......

我在viewDidLoad函数中设置了我的集合视图，如下所示：

func setupCollectionsView(){
    let width:CGFloat = self.view.frame.size.width/4
    let flowLayout = UICollectionViewFlowLayout()
    flowLayout.minimumInteritemSpacing = 5
    flowLayout.minimumLineSpacing = 5
    flowLayout.estimatedItemSize = CGSizeMake(width, width)
    flowLayout.headerReferenceSize = CGSizeMake(self.view.frame.size.width, 30)
    flowLayout.footerReferenceSize = CGSizeMake(self.view.frame.size.width, 30)
    flowLayout.scrollDirection = UICollectionViewScrollDirection.Vertical
    collectionView = UICollectionView(frame: self.view.frame, collectionViewLayout: flowLayout)
    collectionView.dataSource = self
    collectionView.delegate = self
    collectionView.registerClass(FuncViewCell.self, forCellWithReuseIdentifier: "collectionView")
    collectionView.backgroundColor = UIColor.clearColor()
    collectionView.registerClass(SupplementaryView.self, forSupplementaryViewOfKind: UICollectionElementKindSectionHeader, withReuseIdentifier: "headerView")
    collectionView.registerClass(SupplementaryView.self, forSupplementaryViewOfKind: UICollectionElementKindSectionFooter, withReuseIdentifier: "footerView")
    self.view.addSubview(collectionView)
}

对于每个补充观点，我写这个：

func collectionView(collectionView: UICollectionView, viewForSupplementaryElementOfKind kind: String, atIndexPath indexPath: NSIndexPath) -> UICollectionReusableView {
    var view:SupplementaryView?
    var title:String = ""
    switch kind {
    case UICollectionElementKindSectionFooter:
        view = collectionView.dequeueReusableSupplementaryViewOfKind(kind, withReuseIdentifier: "footerView", forIndexPath: indexPath) as? SupplementaryView
        view?.backgroundColor = UIColor ( red: 0.9879, green: 0.3225, blue: 0.4925, alpha: 1.0 )
        title = "Footer"
    default:
        view = collectionView.dequeueReusableSupplementaryViewOfKind(kind, withReuseIdentifier: "headerView", forIndexPath: indexPath) as? SupplementaryView
        view?.backgroundColor = UIColor ( red: 0.6571, green: 1.0, blue: 0.8628, alpha: 1.0 )
        title = "Header"
    }
    switch indexPath.section {
    case 0:
        title = "First \(title)"
    default:
        title = "Second \(title)"
    }
    view?.setTitle(title)
    return view!
}

我的补充观点以这种方式实施：

class SupplementaryView: UICollectionReusableView{
var titleLabel:UILabel!
override init(frame: CGRect) {
    super.init(frame: frame)
    titleLabel = UILabel(frame: frame)
    self.addSubview(titleLabel)
    let gesture = UITapGestureRecognizer(target: self, action: #selector(SupplementaryView.tap))
    self.addGestureRecognizer(gesture)
}

required init?(coder aDecoder: NSCoder) {
    fatalError("init(coder:) has not been implemented")
}

func setTitle(title:String){
    print("Label's frame is\(titleLabel.frame)")
    titleLabel.text = title
}

func tap(){
    print("\(titleLabel.text!) tapped")
}}

PS：我打印每个文本标签的框架，它们位于正确的位置。

Answer 1

更改您的代码如下，并查看它是否有效

override init(frame: CGRect) {
     super.init(frame: frame)
    // There should be self.bounds
     titleLabel = UILabel(frame: self.bounds)
     self.addSubview(titleLabel)
     let gesture = UITapGestureRecognizer(target: self, action: #selector(SupplementaryView.tap))
     self.addGestureRecognizer(gesture)
}