IBOutletCollection set ordering dans Interface Builder

Question

J'utilise IBOutletCollections pour regrouper plusieurs instances d'éléments d'interface utilisateur similaires. En particulier, je regroupe un certain nombre de UIButtons (qui sont similaires aux buzzers dans un jeu de quiz) et un groupe de UILabels (qui affichent le score). Je veux m'assurer que l'étiquette située directement au-dessus du bouton met à jour le score. Je me suis dit qu'il était plus facile d'y accéder par index. Malheureusement, même si je les ajoute dans le même ordre, ils n'ont pas toujours les mêmes index. Existe-t-il un moyen de définir l'ordre correct dans Interface Builder ?

Answer 1

EDIT : Plusieurs commentateurs ont affirmé que les versions plus récentes de Xcode retournent IBOutletCollections dans l'ordre où les connexions sont établies. D'autres ont affirmé que cette approche ne fonctionnait pas pour eux dans les storyboards. Je ne l'ai pas testé moi-même, mais si vous êtes prêt à vous fier à un comportement non documenté, alors vous trouverez peut-être que le tri explicite que je propose ci-dessous n'est plus nécessaire.

---

Malheureusement, il ne semble pas y avoir de moyen de contrôler l'ordre d'une IBOutletCollection dans IB, vous devrez donc trier le tableau après son chargement en fonction d'une propriété des vues. Vous pouvez trier les vues en fonction de leur tag mais la définition manuelle des balises dans IB peut être assez fastidieuse.

Heureusement, nous avons tendance à disposer nos vues dans l'ordre dans lequel nous voulons y accéder, il est donc souvent suffisant de trier le tableau en fonction de la position x ou y, comme ceci :

- (void)viewDidLoad
{
    [super viewDidLoad];

    // Order the labels based on their y position
    self.labelsArray = [self.labelsArray sortedArrayUsingComparator:^NSComparisonResult(UILabel *label1, UILabel *label2) {
        CGFloat label1Top = CGRectGetMinY(label1.frame);
        CGFloat label2Top = CGRectGetMinY(label2.frame);

        return [@(label1Top) compare:@(label2Top)];
    }];
}

Answer 2

J'ai suivi la réponse de cduhn et j'ai créé cette catégorie NSArray. Si maintenant xcode préserve vraiment l'ordre du design-time, ce code n'est pas vraiment nécessaire, mais si vous vous retrouvez à devoir créer/recréer de grandes collections dans IB et que vous ne voulez pas vous soucier de faire des erreurs, cela pourrait aider (au moment de l'exécution). Autre remarque : il est fort probable que l'ordre dans lequel les objets ont été ajoutés à la collection ait quelque chose à voir avec l'"Object ID" que vous trouvez dans l'onglet Identity Inspector, qui peut devenir sporadique lorsque vous modifiez l'interface et introduisez de nouveaux objets dans la collection ultérieurement.

.h

@interface NSArray (sortBy)
- (NSArray*) sortByObjectTag;
- (NSArray*) sortByUIViewOriginX;
- (NSArray*) sortByUIViewOriginY;
@end

.m

@implementation NSArray (sortBy)

- (NSArray*) sortByObjectTag
{
    return [self sortedArrayUsingComparator:^NSComparisonResult(id objA, id objB){
        return(
            ([objA tag] < [objB tag]) ? NSOrderedAscending  :
            ([objA tag] > [objB tag]) ? NSOrderedDescending :
            NSOrderedSame);
    }];
}

- (NSArray*) sortByUIViewOriginX
{
    return [self sortedArrayUsingComparator:^NSComparisonResult(id objA, id objB){
        return(
            ([objA frame].origin.x < [objB frame].origin.x) ? NSOrderedAscending  :
            ([objA frame].origin.x > [objB frame].origin.x) ? NSOrderedDescending :
            NSOrderedSame);
    }];
}

- (NSArray*) sortByUIViewOriginY
{
    return [self sortedArrayUsingComparator:^NSComparisonResult(id objA, id objB){
        return(
            ([objA frame].origin.y < [objB frame].origin.y) ? NSOrderedAscending  :
            ([objA frame].origin.y > [objB frame].origin.y) ? NSOrderedDescending :
            NSOrderedSame);
    }];
}

@end

Incluez ensuite le fichier d'en-tête comme vous avez choisi de le nommer et le code peut être :

- (void)viewDidLoad
{
    [super viewDidLoad];
    // Order the labels based on their y position
    self.labelsArray = [self.labelsArray sortByUIViewOriginY];
}

Answer 3

Je ne sais pas exactement quand cela a changé, mais depuis Xcode 4.2 au moins, cela ne semble plus être un problème. Les IBOutletCollections préservent désormais l'ordre dans lequel les vues ont été ajoutées dans Interface Builder.

UPDATE :

J'ai réalisé un projet de test pour vérifier que c'est bien le cas : IBOutletCollectionTest

Answer 4

Pas à ce que je sache.

Comme solution de rechange, vous pourriez attribuer à chacun d'eux une étiquette, de façon séquentielle. Placez les boutons dans la gamme 100, 101, 102, etc. et les étiquettes dans la gamme 200, 201, 202, etc. Ajoutez ensuite 100 à l'étiquette du bouton pour obtenir l'étiquette de l'étiquette correspondante. Vous pouvez ensuite obtenir l'étiquette en utilisant viewForTag: .

Alternativement, vous pouvez regrouper les objets correspondants dans leurs propres UIView Vous n'avez donc qu'un seul bouton et une seule étiquette par vue.

Answer 5

J'ai découvert que Xcode trie la collection par ordre alphabétique en utilisant l'ID de la connexion. Si vous ouvrez l'éditeur de version sur votre fichier nib, vous pouvez facilement modifier les ID (en vous assurant qu'ils sont uniques sinon Xcode se plantera).

<outletCollection property="characterKeys" destination="QFa-Hp-9dk" id="aaa-0g-pwu"/>
<outletCollection property="characterKeys" destination="ahU-9i-wYh" id="aab-EL-hVT"/>
<outletCollection property="characterKeys" destination="Kkl-0x-mFt" id="aac-0c-Ot1"/>
<outletCollection property="characterKeys" destination="Neo-PS-Fel" id="aad-bK-O6z"/>
<outletCollection property="characterKeys" destination="AYG-dm-klF" id="aae-Qq-bam"/>
<outletCollection property="characterKeys" destination="Blz-fZ-cMU" id="aaf-lU-g7V"/>
<outletCollection property="characterKeys" destination="JCi-Hs-8Cx" id="aag-zq-6hK"/>
<outletCollection property="characterKeys" destination="DzW-qz-gFo" id="aah-yJ-wbx"/>

Il est utile de commencer par ordonner manuellement vos objets dans le plan du document de l'IB afin qu'ils apparaissent dans l'ordre dans le code xml.