Définir la bordure dans UICollectionView

C'est ma première fois que je veux créer une UICollectionView. C'est la façon dont je veux qu'il ressemble:

Définir la bordure dans UICollectionView

J'ai lu quelques tutoriels et je sais comment cela fonctionne exactement. Le truc, c'est que vous voyez dans l'image, La UICollection cellules ont la frontière du haut, en bas, à gauche et à droite. Savez-vous comment régler ce genre de frontière, en Vue de Collection?

Comme vous le voyez deux éléments sont sélectionnés par la couleur rouge. est-il possible dans UICollectionView d'avoir plusieurs éléments sélectionnés? si oui, pourriez-vous s'il vous plaît donner de m'envoyer quelques tutoriels.

source d'informationauteur Ali

  1. 26

    Petit exemple de projet ici: https://github.com/erikt/ETMultiSelect

    D'abord, vous devez le rendre possible de sélectionner plus d'une seule cellule dans la UICollectionView. Ceci est fait en mettant le allowsMultipleSelectionpropriété YES sur l'affichage de la collection.

    La-vue-contrôleur ressemblerait à quelque chose comme ceci:

    #import "ETViewController.h"
#import "ETCellView.h"

@implementation ETViewController

static NSString *cellIdentifier = @"cvCell";

- (void)viewDidLoad {
    [super viewDidLoad];

    //Register our custom collection view cell
    [self.collectionView registerClass:ETCellView.class forCellWithReuseIdentifier:cellIdentifier];

    //Make it possible to select multiple cells
    self.collectionView.allowsMultipleSelection = YES;
}

#pragma mark - UICollectionViewDataSource
- (NSInteger)numberOfSectionsInCollectionView:(UICollectionView *)collectionView {
    return 1;
}

- (NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section {
    return 10;
}

#pragma mark - UICollectionViewDelegate
- (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath {
    ETCellView *cell = [collectionView dequeueReusableCellWithReuseIdentifier:cellIdentifier forIndexPath:indexPath];
    return cell;
}

@end

    La UICollectionViewCell est constitué de plusieurs points de vue. Il dispose d'un affichage de contenu, un arrière-plan et d'arrière-plan sélectionnée vue.

    Il existe de nombreuses façons de réaliser quelque chose de similaire à votre image, mais je la frontière sur le calque d'arrière-plan et d'ajouter une sous-vue pour l'affichage du contenu que de l'inset de sorte que le fond de la frontière est visible:

    #import "ETCellView.h"
#import <QuartzCore/QuartzCore.h>

@implementation ETCellView

- (id)initWithFrame:(CGRect)frame {
    self = [super initWithFrame:frame];
    if (self) {
        self.restorationIdentifier = @"cvCell";
        self.backgroundColor = [UIColor clearColor];
        self.autoresizingMask = UIViewAutoresizingNone;

        CGFloat borderWidth = 3.0f;
        UIView *bgView = [[UIView alloc] initWithFrame:frame];
        bgView.layer.borderColor = [UIColor redColor].CGColor;
        bgView.layer.borderWidth = borderWidth;
        self.selectedBackgroundView = bgView;

        CGRect myContentRect = CGRectInset(self.contentView.bounds, borderWidth, borderWidth);

         UIView *myContentView = [[UIView alloc] initWithFrame:myContentRect];
         myContentView.backgroundColor = [UIColor whiteColor];
         myContentView.layer.borderColor = [UIColor colorWithWhite:0.5f alpha:1.0f].CGColor;
         myContentView.layer.borderWidth = borderWidth;
         [self.contentView addSubview:myContentView];
     }
     return self;
}

@end

    Le résultat est quelque chose comme ceci:

    Définir la bordure dans UICollectionView

    Clone et de jouer avec l'exemple de projet.

    Dans un projet réel, vous voulez garder une trace de ce que l'utilisateur a sélectionné dans la vue-contrôleur, en ajoutant les données sélectionnées entités du modèle de la structure (comme un NSMutableArray) dans le – collectionView:didSelectItemAtIndexPath: méthode sur la UICollectionViewDelegate protocole.