Comment changer la couleur d'arrière-plan d'une section entière dans UICollectionView?

Dans UICollectionView, je veux donner à l'ensemble de la section d'un uniforme de couleur d'arrière-plan, au lieu d'une seule cellule ou pour l'ensemble de la collection de la vue.

Je ne vois pas de délégué méthode pour ce faire, des suggestions?

InformationsquelleAutor lichen19853 | 2012-11-28
  1. 3

    C'est un bon tutoriel pour changer UICollectionView section couleur:

    Lien mis à jour, merci à l'utilisateur @casamia

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

    Fondamentalement, nous aurons à la sous-classe UICollectionViewLayoutAttributes, UICollectionReusableView et UICollectionViewLayout dans le but de créer une instance UICollectionReusableView de la section de l'arrière-plan de la vue.

    C'est son résultat:

    Comment changer la couleur d'arrière-plan d'une section entière dans UICollectionView?

    Veuillez suivre le lien pour plus de détails, d'explications.

    InformationsquelleAutor FlySoFast
  2. 3

    L'idée est de remplacer UICollectionViewLayoutAttributes pour ajouter un attribut de couleur. Puis remplacer UICollectionReusableView appliquer la couleur au fond de la vue.

    https://github.com/strawberrycode/SCSectionBackground

    InformationsquelleAutor dangthaison.91
  3. 2

    Je n'ai pas essayé encore, mais il me semble que vous avez besoin d'utiliser la décoration de vues si vous voulez un arrière-plan de vos cellules (comme le plateau de l'application Livres). Je pense que vous devriez être en mesure d'avoir des points de vue différents pour chaque section, et de les configurer à l'aide de la méthode du délégué layoutAttributesForDecorationViewOfKind:atIndexPath:.

    InformationsquelleAutor rdelmar
  4. 0

    En vue de collection chaque section peut avoir un supplémentaire de vues, afin de mettre complémentaire de vues pour chaque section, puis définissez les couleurs de fond supplémentaire de points de vue au lieu de la section des cellules. J'espère que ça aidera.

    • Lors de la lecture sur supplémentaire de points de vue, je ne trouve que des exemples, quand il est utilisé pour les en-têtes et pieds de page. Avez-vous un exemple et/ou code de travail pour votre réponse.
    • Je l'ai fait en utilisant la vue de collection mise en page personnalisée. Mise en page personnalisée de ma complémentaire point de vue image est égale à la totalité de la section du cadre.
    • Comment avez-vous réussi à le faire? si vous pouviez dire ce serait génial. Merci
    InformationsquelleAutor Jirune
  5. -1

    Je suis sortie de ce repo ici https://github.com/SebastienMichoy/CollectionViewsDemo/tree/master/CollectionViewsDemo/Sources/Collections%20Views

    Swift 3

    sous-classe uicollectionreusableview

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

    sous-classe 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
}
}

    mettre en œuvre cette

    CollectionView fonction de délégué

    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
}
}

    C'est important

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

    enregistrer le UICollectionReusableView avec mise en page collectionView.

    une chose de plus. J'ai foiré autour avec la hauteur dans layoutAttributesForElements. vous devez le modifier pour votre propre projet.

    InformationsquelleAutor Woody Jean-louis
  6. -4

    J'ai changé la couleur de fond de chaque section de manière très simple la méthode suivante: Mais je n'étais pas sûr si c'est la bonne chose à faire. Mais il a fait un travail.

    - (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;
}
    • Cela ne change la couleur de fond des cellules. La question est de poser des questions pour savoir comment changer la couleur de fond de l'affichage de la collection elle-même, dans une section donnée
    InformationsquelleAutor user3384761