Làm cách nào để thêm tiêu đề phần trong UICollectionView?

Question

Tôi cần một nhãn ở trên mọi phần trong Chế độ xem Bộ sưu tập của mình. Tôi đã thử chỉ cần kéo một nhãn vào không gian tiêu đề của tôi trên ô mẫu thử nghiệm của tôi, nhưng mỗi khi tôi chạy ứng dụng, nhãn không hiển thị.

Bất kỳ trợ giúp nào?

Answer 1

Triển khai collectionView:viewForSupplementaryElementOfKind:atIndexPath: và cung cấp UICollectionElementKindSectionHeader dequeued chứa nhãn của bạn. Nếu đây là bố cục luồng, hãy đảm bảo đặt headerReferenceSize hoặc bạn vẫn không thấy bất kỳ thứ gì.

Answer 2

Từ câu trả lời @ david72 của

Bạn cần phải thực hiện những điều sau đây:

1. Bật chế độ xem header/footer phần trong Storyboard.
2. Thực hiện phương thức collectionView:viewForSupplementaryElementOfKind.

Để biết thêm chi tiết, xem here

Answer 3

Để thêm nhãn tùy chỉnh trên hết mọi phần trong UICollectionView, hãy làm theo các bước dưới đây

1. Enable Section header trong UICollectionViewCell

2. Thêm tệp mới thuộc loại UICollectionReusableView
3. Trong bảng phân cảnh thay đổi lớp tiêu đề phần trong UICollectionViewCell thành tệp mới được thêm kiểu UICollectionReusableView.
4. Thêm nhãn trong phần tiêu đề của UICollectionViewCell trong storyboard

5. Nối nhãn trong tiêu đề phần vào file UICollectionReusableView

   class SectionHeader: UICollectionReusableView { 
       @IBOutlet weak var sectionHeaderlabel: UILabel! 
   } 
   

6. Trong ViewController thêm mã dưới đây

   func collectionView(_ collectionView: UICollectionView, viewForSupplementaryElementOfKind kind: String, at indexPath: IndexPath) -> UICollectionReusableView { 
   
       if let sectionHeader = collectionView.dequeueReusableSupplementaryView(ofKind: kind, withReuseIdentifier: "SectionHeader", for: indexPath) as? SectionHeader{ 
        sectionHeader.sectionHeaderlabel.text = "Section \(indexPath.section)" 
        return sectionHeader 
       } 
       return UICollectionReusableView() 
   } 
   

Ở đây "SectionHeader" là tên của tệp được thêm vào để loại UICollectionReusableView