Erstellen einer wiederverwendbaren UIView mit xib (und Laden vom Storyboard)

Beachten Sie, dass dieses QA - (wie viele), ist eigentlich nur von historischem Interesse.

Heute Für Jahre und Jahre jetzt in iOS alles ist nur eine container-Ansicht. Vollständige tutorial hier

(Ja auch Apple endlich Hinzugefügt Storyboard-Referenzenvor einiger Zeit jetzt, so dass es viel einfacher ist.)

Hier ist ein typisches storyboard mit container-Ansichten überall. Alles ist ein container-Ansicht. Es ist nur, wie Sie apps.

(Als Kuriosum, KenC Antwort zeigt genau, wie es getan werden, um das laden einer xib-eine Art wrapper-Ansicht, da kann man nicht wirklich "zuordnen, um sich selbst".)

InformationsquelleAutor der Antwort Fattie

STEP1. Ersetzen self vom Storyboard

Ersetzen self im initWithCoder: Methode schlägt fehl mit dem folgenden Fehler.

'NSGenericException', reason: 'This coder requires that replaced objects be returned from initWithCoder:'

Stattdessen können Sie ersetzen Sie dekodiert Objekt mit awakeAfterUsingCoder: (nicht awakeFromNib). wie:

@implementation MyCustomView
- (id)awakeAfterUsingCoder:(NSCoder *)aDecoder {
    return [[[NSBundle mainBundle] loadNibNamed:NSStringFromClass([self class])
                                          owner:nil
                                        options:nil] objectAtIndex:0];
}
@end

STEP2. Verhindert rekursiven Aufruf

Natürlich auch dadurch rekursiven Aufruf problem. (storyboard-Decodierung - > awakeAfterUsingCoder: -> loadNibNamed: -> awakeAfterUsingCoder: -> loadNibNamed: -> ...)

So haben Sie zum überprüfen des aktuellen awakeAfterUsingCoder: genannt wird in der Storyboard-Dekodierung oder XIB-Dekodierung.
Sie haben mehrere Möglichkeiten, das zu tun:

a) die Benutzung von privaten @property die im NIB.

@interface MyCustomView : UIView
@property (assign, nonatomic) BOOL xib
@end

und setzen Sie "benutzerdefinierte Laufzeit-Attribute" nur noch in " MyCustomView.xib'.

Vorteile:

• Keine

Nachteile:

• Einfach nicht: setXib: aufgerufen werden NACH awakeAfterUsingCoder:

b) Überprüfen Sie, ob self hat alle Untersichten

In der Regel haben Sie Untersichten in der xib -, aber nicht in das storyboard.

- (id)awakeAfterUsingCoder:(NSCoder *)aDecoder {
    if(self.subviews.count > 0) {
        //loading xib
        return self;
    }
    else {
        //loading storyboard
        return [[[NSBundle mainBundle] loadNibNamed:NSStringFromClass([self class])
                                              owner:nil
                                            options:nil] objectAtIndex:0];
    }
}

Vorteile:

• Kein trick im Interface Builder.

Nachteile:

• Sie nicht haben, Untersichten in Ihrem Storyboard.

c) Legen Sie eine statische Flagge während loadNibNamed: Anruf

static BOOL _loadingXib = NO;

- (id)awakeAfterUsingCoder:(NSCoder *)aDecoder {
    if(_loadingXib) {
        //xib
        return self;
    }
    else {
        //storyboard
        _loadingXib = YES;
        typeof(self) view = [[[NSBundle mainBundle] loadNibNamed:NSStringFromClass([self class])
                                                           owner:nil
                                                         options:nil] objectAtIndex:0];
        _loadingXib = NO;
        return view;
    }
}

Vorteile:

• Einfach
• Kein trick im Interface Builder.

Nachteile:

• Nicht sicher: statische shared-flag ist gefährlich

d) private Unterklasse in XIB

Deklarieren Sie beispielsweise _NIB_MyCustomView als Unterklasse von MyCustomView.
Und verwenden Sie _NIB_MyCustomView statt MyCustomView in Ihrem XIB nur.

MyCustomView.h:

@interface MyCustomView : UIView
@end

MyCustomView.m:

#import "MyCustomView.h"

@implementation MyCustomView
- (id)awakeAfterUsingCoder:(NSCoder *)aDecoder {
    //In Storyboard decoding path.
    return [[[NSBundle mainBundle] loadNibNamed:NSStringFromClass([self class])
                                          owner:nil
                                        options:nil] objectAtIndex:0];
}
@end

@interface _NIB_MyCustomView : MyCustomView
@end

@implementation _NIB_MyCustomView
- (id)awakeAfterUsingCoder:(NSCoder *)aDecoder {
    //In XIB decoding path.
    //Block recursive call.
    return self;
}
@end

Vorteile:

• Keine explizite if im MyCustomView

Nachteile:

• Indem _NIB_ trick in xib Interface Builder
• relativ mehr codes

e) Unterklasse als Platzhalter in der Storyboard -

Ähnlich d) aber verwenden Unterklasse im Storyboard, original-Klasse in XIB.

Hier erklären wir MyCustomViewProto als Unterklasse von MyCustomView.

@interface MyCustomViewProto : MyCustomView
@end
@implementation MyCustomViewProto
- (id)awakeAfterUsingCoder:(NSCoder *)aDecoder {
    //In storyboard decoding
    //Returns MyCustomView loaded from NIB.
    return [[[NSBundle mainBundle] loadNibNamed:NSStringFromClass([self superclass])
                                          owner:nil
                                        options:nil] objectAtIndex:0];
}
@end

Vorteile:

• Sehr sicher
• Sauber, Keine extra-code in MyCustomView.
• Keine explizite if überprüfen dasselbe wie d)

Nachteile:

• Verwenden müssen, Unterklasse im storyboard.

Ich denke e) ist die sicherste und sauberste Strategie. So beschließen wir, hier.

SCHRITT 3. Kopieren von Eigenschaften

Nach loadNibNamed: im 'awakeAfterUsingCoder:' Sie müssen kopieren mehrere Eigenschaften aus self die dekodierten Instanz f Storyboard. frame und autolayout/autoresize Eigenschaften besonders wichtig sind.

- (id)awakeAfterUsingCoder:(NSCoder *)aDecoder {
    typeof(self) view = [[[NSBundle mainBundle] loadNibNamed:NSStringFromClass([self class])
                                                       owner:nil
                                                     options:nil] objectAtIndex:0];
    //copy layout properities.
    view.frame = self.frame;
    view.autoresizingMask = self.autoresizingMask;
    view.translatesAutoresizingMaskIntoConstraints = self.translatesAutoresizingMaskIntoConstraints;

    //copy autolayout constraints
    NSMutableArray *constraints = [NSMutableArray array];
    for(NSLayoutConstraint *constraint in self.constraints) {
        id firstItem = constraint.firstItem;
        id secondItem = constraint.secondItem;
        if(firstItem == self) firstItem = view;
        if(secondItem == self) secondItem = view;
        [constraints addObject:[NSLayoutConstraint constraintWithItem:firstItem
                                                            attribute:constraint.firstAttribute
                                                            relatedBy:constraint.relation
                                                               toItem:secondItem
                                                            attribute:constraint.secondAttribute
                                                           multiplier:constraint.multiplier
                                                             constant:constraint.constant]];
    }

    //move subviews
    for(UIView *subview in self.subviews) {
        [view addSubview:subview];
    }
    [view addConstraints:constraints];

    //Copy more properties you like to expose in Storyboard.

    return view;
}

ENDGÜLTIGE LÖSUNG

Wie Sie sehen können, ist dies ein bit von boilerplate-code. Wir implementieren können, die Sie als 'Kategorie'.
Hier spreche ich allgemein verwendet UIView+loadFromNib code.

#import <UIKit/UIKit.h>

@interface UIView (loadFromNib)
@end

@implementation UIView (loadFromNib)

+ (id)loadFromNib {
    return [[[NSBundle mainBundle] loadNibNamed:NSStringFromClass(self)
                                          owner:nil
                                        options:nil] objectAtIndex:0];
}

- (void)copyPropertiesFromPrototype:(UIView *)proto {
    self.frame = proto.frame;
    self.autoresizingMask = proto.autoresizingMask;
    self.translatesAutoresizingMaskIntoConstraints = proto.translatesAutoresizingMaskIntoConstraints;
    NSMutableArray *constraints = [NSMutableArray array];
    for(NSLayoutConstraint *constraint in proto.constraints) {
        id firstItem = constraint.firstItem;
        id secondItem = constraint.secondItem;
        if(firstItem == proto) firstItem = self;
        if(secondItem == proto) secondItem = self;
        [constraints addObject:[NSLayoutConstraint constraintWithItem:firstItem
                                                            attribute:constraint.firstAttribute
                                                            relatedBy:constraint.relation
                                                               toItem:secondItem
                                                            attribute:constraint.secondAttribute
                                                           multiplier:constraint.multiplier
                                                             constant:constraint.constant]];
    }
    for(UIView *subview in proto.subviews) {
        [self addSubview:subview];
    }
    [self addConstraints:constraints];
}

Anhand dieser können Sie erklären MyCustomViewProto wie:

@interface MyCustomViewProto : MyCustomView
@end

@implementation MyCustomViewProto
- (id)awakeAfterUsingCoder:(NSCoder *)aDecoder {
    MyCustomView *view = [MyCustomView loadFromNib];
    [view copyPropertiesFromPrototype:self];

    //copy additional properties as you like.

    return view;
}
@end

XIB:

Storyboard:

Ergebnis:

InformationsquelleAutor der Antwort rintaro

Gibt es eine Lösung, die ist viel sauberer als die oben genannten Lösungen:
https://www.youtube.com/watch?v=xP7YvdlnHfA

Keine Runtime-Eigenschaften, kein rekursiver Aufruf problem.
Ich versuchte es und es funktionierte wie ein Charme mithilfe von storyboard und von XIB mit IBOutlet Eigenschaften (iOS8.1, XCode6).

Glück für die Codierung!

InformationsquelleAutor der Antwort ingaham