So ändern Sie die Hintergrundfarbe einer ganzen Abteilung in UICollectionView?

In UICollectionView, ich möchte den ganzen Abschnitt eine einheitliche Hintergrundfarbe, und nicht für eine einzelne Zelle oder für die gesamte Kollektion ansehen.

Sehe ich keinen delegate-Methode zu tun, irgendwelche Vorschläge?

InformationsquelleAutor lichen19853 | 2012-11-28
  1. 4

    Die Idee ist, zu überschreiben UICollectionViewLayoutAttributes hinzufügen ein color-Attribut. Und dann überschreiben UICollectionReusableView gelten die Farbe der anzeigen-hintergrund.

    https://github.com/strawberrycode/SCSectionBackground

    InformationsquelleAutor dangthaison.91
  2. 3

    Dies ist ein tolles tutorial für das ändern UICollectionView Abschnitt Farbe:

    Aktualisierte link, Dank user @casamia

    http://www.ericjchapman.com/jekyll/update/ios/2014/11/10/ios-changing-section-background-color-in-UICollectionView.html

    Grundsätzlich, wir haben Unterklasse UICollectionViewLayoutAttributes, UICollectionReusableView und UICollectionViewLayout um eine Instanz UICollectionReusableView als Abschnitt der hintergrund-Ansicht.

    Dies ist sein Ergebnis:

    So ändern Sie die Hintergrundfarbe einer ganzen Abteilung in UICollectionView?

    Bitte Folgen Sie dem link für mehr details Erklärung.

    InformationsquelleAutor FlySoFast
  3. 2

    Habe ich noch nicht ausprobiert, aber es scheint mir, dass Sie müssen verwenden Sie Dekoration-Ansichten wenn Sie wollen, einen hintergrund hinter Ihren Zellen (wie das Regal in der Bücher-app). Ich denke, Sie sollten in der Lage sein, unterschiedliche Ansichten für jeden Abschnitt, und richten Sie Sie mit Hilfe der delegate-Methode layoutAttributesForDecorationViewOfKind:atIndexPath:.

    InformationsquelleAutor rdelmar
  4. 0

    In der Ansicht Sammlung jeder Abschnitt kann eine Ergänzende Ansichten, so setzen Sie zusätzliche Ansichten für jeden Abschnitt legen Sie dann die hintergrund Farbe der ergänzenden Ansichten anstelle von Abschnitt Zellen. Ich hoffe, es wird helfen.

    • Beim Lesen über Ergänzende Ansichten, finde ich nur Beispiele, wenn es verwendet wird, für Kopf - & Fußzeilen. Hast du irgendein Beispiel, und/oder code für deine Antwort.
    • Ich habe es getan, indem Sie mit Sammlung Anzeige der benutzerdefinierten layout. Im benutzerdefinierten layout meine Ergänzende view frame ist gleich dem gesamten Abschnitt Rahmen.
    • Wie hast du es geschafft, das zu tun? wenn Sie erzählen könnten, das wäre toll. Dank
    InformationsquelleAutor Jirune
  5. 0

    Es ist ganz einfach, verwenden Sie einfach das Standard-UICollectionViewDelegate Methode, es funktioniert

    func collectionView(_ collectionView: UICollectionView, willDisplay cell: UICollectionViewCell, forItemAt indexPath: IndexPath) {
    print(indexPath.item)

    let evenSectionColor = UIColor.clear
    let oddSectionColor = UIColor.white
    cell.contentView.backgroundColor = (indexPath.item % 2 == 0) ? evenSectionColor : oddSectionColor

}
    InformationsquelleAutor Harie venad
  6. -1

    Ging ich Weg von diesem repo hier https://github.com/SebastienMichoy/CollectionViewsDemo/tree/master/CollectionViewsDemo/Sources/Collections%20Views

    Swift 3

    Unterklasse uicollectionreusableview

    class SectionView: UICollectionReusableView {
   static let kind = "sectionView"
}

    Unterklasse uicollectionViewFlowLayout

    class CustomFlowLayout: UICollectionViewFlowLayout {

//MARK: Properties

var decorationAttributes: [IndexPath: UICollectionViewLayoutAttributes]
var sectionsWidthOrHeight: [IndexPath: CGFloat]


//MARK: Initialization

override init() {
    self.decorationAttributes = [:]
    self.sectionsWidthOrHeight = [:]

    super.init()
}

required init?(coder aDecoder: NSCoder) {
    self.decorationAttributes = [:]
    self.sectionsWidthOrHeight = [:]

    super.init(coder: aDecoder)
}

//MARK: Providing Layout Attributes

override func layoutAttributesForDecorationView(ofKind elementKind: String, at indexPath: IndexPath) -> UICollectionViewLayoutAttributes? {
    return self.decorationAttributes[indexPath]
}

override func layoutAttributesForElements(in rect: CGRect) -> [UICollectionViewLayoutAttributes]? {
    var attributes = super.layoutAttributesForElements(in: rect)
    let numberOfSections = self.collectionView!.numberOfSections
    var xOrYOffset = 0 as CGFloat

    for sectionNumber in 0 ..< numberOfSections {
        let indexPath = IndexPath(row: 0, section: sectionNumber)
        let numberOfItems = self.collectionView?.numberOfItems(inSection: sectionNumber)
        let sectionWidthOrHeight = numberOfItems == 0 ? UIScreen.main.bounds.height : collectionViewContentSize.height//self.sectionsWidthOrHeight[indexPath]!
        let decorationAttribute = UICollectionViewLayoutAttributes(forDecorationViewOfKind: SectionView.kind, with: indexPath)
        decorationAttribute.zIndex = -1

        if self.scrollDirection == .vertical {
            decorationAttribute.frame = CGRect(x: 0, y: xOrYOffset, width: self.collectionViewContentSize.width, height: sectionWidthOrHeight)
        } else {
            decorationAttribute.frame = CGRect(x: xOrYOffset, y: 0, width: sectionWidthOrHeight, height: self.collectionViewContentSize.height)
        }

        xOrYOffset += sectionWidthOrHeight

        attributes?.append(decorationAttribute)
        self.decorationAttributes[indexPath] = decorationAttribute
    }

    return attributes
}
}

    Umsetzung dieser

    CollectionView delegieren Funktion

    func collectionView(_ collectionView: UICollectionView, willDisplaySupplementaryView view: UICollectionReusableView, forElementKind elementKind: String, at indexPath: IndexPath) {

    Log.printLog(identifier: elementKind, message: indexPath)
    if elementKind == UICollectionElementKindSectionHeader, let view = view as? ProfileViewHeaderView {

        view.backgroundColor = UIColor(red: (102 / 255.0), green: (169 / 255.0), blue: (251 / 255.0), alpha: 1)
    } else if elementKind == SectionView.kind {
        let evenSectionColor = UIColor.black
        let oddSectionColor = UIColor.red

        view.backgroundColor = (indexPath.section % 2 == 0) ? evenSectionColor : oddSectionColor
    }
}

    Dies ist wichtig,

    let layout = CustomFlowLayout()
layout.register(SectionView.self, forDecorationViewOfKind: SectionView.kind)

    registrieren UICollectionReusableView mit layout nicht collectionView.

    eine weitere Sache. Ich Durcheinander herum mit der Höhe in layoutAttributesForElements. ändern Sie es für Ihr eigenes Projekt.

    InformationsquelleAutor Woody Jean-louis
  7. -4

    Habe ich geändert, die Hintergrundfarbe der einzelnen Abschnitte in einer sehr einfachen Art und Weise, in der folgenden Methode: Aber ich war mir nicht sicher, ob es das richtige ist zu tun. Aber es hat funktioniert.

    - (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath {
    FamilyCalendarCellItemCollectionViewCell *cell = [collectionView dequeueReusableCellWithReuseIdentifier:@"calendarItem" forIndexPath:indexPath];
    Event *event;
    _headerView = [collectionView dequeueReusableSupplementaryViewOfKind:
                   UICollectionElementKindSectionHeader withReuseIdentifier:@"EventHeader" forIndexPath:indexPath]; //headerView is declared as property of Collection Reusable View class
    if(indexPath.section==0) {

        cell.backgroundColor=[UIColor orangeColor];
        }
    else if(indexPath.section==1) {

        cell.backgroundColor=[UIColor yellowColor];

    }

    return cell;
}
    • Dies ändert sich nur die Hintergrundfarbe der Zellen. Die Frage ist zu Fragen, wie ändern Sie die Hintergrundfarbe der Ansicht Sammlung sich in einem bestimmten Abschnitt
    InformationsquelleAutor user3384761
Schreibe einen Kommentar