Xib के साथ एक पुन: प्रयोज्य UIView बनाना (और स्टोरीबोर्ड से लोड करना)

Question 1

ठीक है, इस बारे में StackOverflow पर दर्जनों पोस्ट हैं, लेकिन समाधान पर विशेष रूप से कोई भी स्पष्ट नहीं है। मैं UIViewएक xib फ़ाइल के साथ एक रिवाज बनाना चाहता हूँ । आवश्यकताएं हैं:

अलग नहीं UIViewController- एक पूरी तरह से स्व-निहित वर्ग
मुझे देखने के गुण सेट / प्राप्त करने की अनुमति देने के लिए कक्षा में आउटलेट

ऐसा करने के लिए मेरा वर्तमान तरीका है:

अवहेलना -(id)initWithFrame:

-(id)initWithFrame:(CGRect)frame {
    self = [[[NSBundle mainBundle] loadNibNamed:NSStringFromClass([self class])
                                          owner:self
                                        options:nil] objectAtIndex:0];
    self.frame = frame;
    return self;
}

-(id)initWithFrame:मेरे दृश्य नियंत्रक में प्रोग्रामेटिक रूप से उपयोग करना

MyCustomView *myCustomView = [[MyCustomView alloc] initWithFrame:CGRectMake(0, 0, self.view.bounds.size.width, self.view.bounds.size.height)];
[self.view insertSubview:myCustomView atIndex:0];

यह ठीक काम करता है (हालांकि कभी भी कॉल नहीं किया जाता है [super init]और केवल लोड किए गए नीब की सामग्री का उपयोग करके ऑब्जेक्ट सेट करना थोड़ा संदिग्ध लगता है - इस मामले में एक सबव्यू जोड़ने के लिए यहां सलाह है जो ठीक भी काम करता है)। हालाँकि, मैं स्टोरीबोर्ड से भी दृश्य को तुरंत सक्षम करना चाहूंगा। ताकि मैं कर सकूं:

UIViewस्टोरीबोर्ड में एक मूल दृश्य पर रखें
इसके लिए कस्टम क्लास सेट करें MyCustomView

ओवरराइड -(id)initWithCoder:- जिस कोड को मैंने सबसे अधिक बार देखा है, वह निम्न जैसे एक पैटर्न को फिट करता है:

-(id)initWithCoder:(NSCoder *)aDecoder {
    self = [super initWithCoder:aDecoder];
    if (self) {
        [self initializeSubviews];
    }
    return self;
}

-(id)initWithFrame:(CGRect)frame {
    self = [super initWithFrame:frame];
    if (self) {
        [self initializeSubviews];
    }
    return self;
}

-(void)initializeSubviews {
    typeof(view) view = [[[NSBundle mainBundle]
                         loadNibNamed:NSStringFromClass([self class])
                                owner:self
                              options:nil] objectAtIndex:0];
    [self addSubview:view];
}

बेशक, यह काम नहीं करता है, जैसे कि मैं ऊपर दिए गए दृष्टिकोण का उपयोग करता हूं, या क्या मैं प्रोग्राम के लिए त्वरित रूप से उपयोग करता हूं, दोनों पुनरावर्ती रूप से कॉल -(id)initWithCoder:करने -(void)initializeSubviewsऔर फ़ाइल से नायब को लोड करने पर कॉल करते हैं।

कई अन्य एसओ प्रश्न इस तरह के रूप में यहाँ , यहाँ , यहाँ और यहाँ के साथ सौदा । हालाँकि, दिए गए उत्तरों में से कोई भी संतोषजनक रूप से समस्या को हल नहीं करता है:

ऐसा लगता है कि एक सामान्य सुझाव पूरे वर्ग को एक UIViewController में एम्बेड करने के लिए है, और वहाँ नीब लोडिंग करते हैं, लेकिन यह मुझे सब-अप्टीमल लगता है क्योंकि इसमें एक रैपर के रूप में एक और फ़ाइल जोड़ने की आवश्यकता होती है

क्या कोई इस समस्या को हल करने के बारे में सलाह दे सकता है, और UIViewन्यूनतम उपद्रव / कोई पतली नियंत्रक आवरण के साथ कस्टम में काम कर रहे आउटलेट प्राप्त कर सकता है ? या क्या न्यूनतम बॉयलरप्लेट कोड के साथ चीजों को करने का एक वैकल्पिक, स्वच्छ तरीका है?

Question 2

आपकी समस्या loadNibNamed:(एक वंशज) से पुकार रही है initWithCoder:। loadNibNamed:आंतरिक रूप से कहता है initWithCoder:। यदि आप स्टोरीबोर्ड कोडर को ओवरराइड करना चाहते हैं, और हमेशा अपने एक्सिब कार्यान्वयन को लोड करते हैं, तो मैं निम्नलिखित तकनीक का सुझाव देता हूं। अपने दृश्य वर्ग में एक संपत्ति जोड़ें, और xib फ़ाइल में, इसे एक पूर्व निर्धारित मूल्य (उपयोगकर्ता निर्धारित रनटाइम विशेषताओं में) पर सेट करें। अब, कॉल करने के बाद [super initWithCoder:aDecoder];संपत्ति के मूल्य की जांच करें। यदि यह पूर्व निर्धारित मूल्य है, तो कॉल न करें [self initializeSubviews];।

तो, कुछ इस तरह से:

-(instancetype)initWithCoder:(NSCoder *)aDecoder {
    self = [super initWithCoder:aDecoder];

    if (self && self._xibProperty != 666)
    {
        //We are in the storyboard code path. Initialize from the xib.
        self = [self initializeSubviews];

        //Here, you can load properties that you wish to expose to the user to set in a storyboard; e.g.:
        //self.backgroundColor = [aDecoder decodeObjectOfClass:[UIColor class] forKey:@"backgroundColor"];
    }

    return self;
}

-(instancetype)initializeSubviews {
    id view =   [[[NSBundle mainBundle] loadNibNamed:NSStringFromClass([self class]) owner:self options:nil] firstObject];

    return view;
}

Question 3

ध्यान दें कि यह क्यूए (कई की तरह) वास्तव में केवल ऐतिहासिक हित है।

~~आजकल~~ के वर्षों में और अब iOS में सब कुछ बस एक कंटेनर दृश्य है। पूर्ण ट्यूटोरियल यहाँ

(वास्तव में Apple ने कुछ समय पहले स्टोरीबोर्ड सन्दर्भों को अंत में जोड़ा , जिससे यह बहुत आसान हो गया।)

यहाँ हर जगह कंटेनर विचारों के साथ एक विशिष्ट स्टोरीबोर्ड है। सब कुछ एक कंटेनर दृश्य है। यह सिर्फ आप ऐप कैसे बनाते हैं।

यहाँ छवि विवरण दर्ज करें

(एक जिज्ञासा के रूप में, केसीसी का जवाब बिल्कुल दिखाता है कि, यह एक एक्सिब को एक प्रकार के आवरण दृश्य को लोड करने के लिए किया जाता था, क्योंकि आप वास्तव में "स्वयं को असाइन नहीं कर सकते हैं।")

Question 4

मैं इसे स्विफ्ट की रिलीज़ के साथ स्थिति को अपडेट करने के लिए एक अलग पोस्ट के रूप में जोड़ रहा हूं। लियोनाटन द्वारा वर्णित दृष्टिकोण उद्देश्य-सी में पूरी तरह से काम करता है। हालाँकि, कड़ी संकलन समय जाँच selfस्विफ्ट में xib फ़ाइल से लोड करने के लिए असाइन किए जाने से रोकती है ।

परिणामस्वरूप, xib फ़ाइल से लोड किए गए दृश्य को कस्टम UIView उपवर्ग के उप-भाग के रूप में जोड़ने के बजाय, स्वयं को पूरी तरह से प्रतिस्थापित करने के अलावा कोई विकल्प नहीं है। यह मूल प्रश्न में उल्लिखित दूसरे दृष्टिकोण के अनुरूप है। इस दृष्टिकोण का उपयोग करते हुए स्विफ्ट में एक वर्ग की एक मोटी रूपरेखा इस प्रकार है:

@IBDesignable // <- to optionally enable live rendering in IB
class ExampleView: UIView {

    required init(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)
        initializeSubviews()
    }

    override init(frame: CGRect) {
        super.init(frame: frame)
        initializeSubviews()
    }

    func initializeSubviews() {
        // below doesn't work as returned class name is normally in project module scope
        /*let viewName = NSStringFromClass(self.classForCoder)*/
        let viewName = "ExampleView"
        let view: UIView = NSBundle.mainBundle().loadNibNamed(viewName,
                               owner: self, options: nil)[0] as! UIView
        self.addSubview(view)
        view.frame = self.bounds
    }

}

इस दृष्टिकोण के नकारात्मक पक्ष पदानुक्रम में एक अतिरिक्त निरर्थक परत की शुरूआत है जो कि उद्देश्य-सी में लियोनाटन द्वारा उल्लिखित दृष्टिकोण का उपयोग करते समय मौजूद नहीं है। हालांकि, इसे एक आवश्यक बुराई के रूप में लिया जा सकता है और मौलिक तरीके के उत्पाद को Xcode में डिज़ाइन किया गया है (यह अभी भी मुझे पागल लगता है कि कस्टम यूआईवीयूवी क्लास को यूआई लेआउट के साथ जोड़ना एक तरह से मुश्किल है जो लगातार काम करता है दोनों स्टोरीबोर्ड और कोड से अधिक) - selfशुरुआती से पहले थोक में प्रतिस्थापित करना ऐसा कभी नहीं किया गया जैसे कि चीजों को करने का एक विशेष रूप से व्याख्या करने योग्य तरीका है, हालांकि अनिवार्य रूप से प्रति दृश्य दो वर्ग देखने में इतने शानदार नहीं लगते हैं।

बहरहाल, इस दृष्टिकोण का एक सुखद परिणाम यह है कि अब हमें असाइनमेंट करते समय सही व्यवहार सुनिश्चित करने के लिए इंटरफ़ेस बिल्डर में हमारी क्लास फ़ाइल में व्यू की कस्टम क्लास को सेट करने की आवश्यकता नहीं है self, और इसलिए init(coder aDecoder: NSCoder)जारी करने के लिए पुनरावर्ती कॉल जारी करते समय loadNibNamed()(सेट करके) xib फ़ाइल में कस्टम क्लास, init(coder aDecoder: NSCoder)हमारे कस्टम संस्करण के बजाय सादे वेनिला UIView की बजाय) कहा जाएगा।

भले ही हम सीधे xib में संग्रहीत दृश्य में वर्ग अनुकूलन नहीं कर सकते हैं, फिर भी हम अपने कस्टम वर्ग के लिए दृश्य के फ़ाइल स्वामी को सेट करने के बाद आउटलेट / क्रियाओं आदि का उपयोग करके अपने 'माता-पिता' UIView उपवर्ग में दृश्य को लिंक करने में सक्षम हैं:

कस्टम दृश्य की फ़ाइल स्वामी गुण सेट करना

इस दृष्टिकोण का उपयोग करके इस तरह के दृश्य वर्ग के कदम के कार्यान्वयन का प्रदर्शन करने वाला एक वीडियो निम्नलिखित वीडियो में पाया जा सकता है ।

Question 5

चरण 1। `self`स्टोरीबोर्ड से प्रतिस्थापित करना

निम्नलिखित त्रुटि के साथ विधि selfमें प्रतिस्थापित initWithCoder:करना विफल हो जाएगा।

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

इसके बजाय, आप डिकोड किए गए ऑब्जेक्ट को awakeAfterUsingCoder:(नहीं awakeFromNib) के साथ बदल सकते हैं । पसंद:

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

चरण 2। पुनरावर्ती कॉल को रोकना

बेशक, यह भी पुनरावर्ती कॉल समस्या का कारण बनता है। (स्टोरीबोर्ड डिकोडिंग -> awakeAfterUsingCoder:-> loadNibNamed:-> awakeAfterUsingCoder:-> loadNibNamed:-> ...)
तो आप वर्तमान awakeAfterUsingCoder:की जाँच करने के लिए Storyboard डिकोडिंग प्रक्रिया या XIB डिकोडिंग प्रक्रिया में कहा जाता है। आपके पास ऐसा करने के कई तरीके हैं:

a) निजी का उपयोग करें `@property`जो केवल NIB में सेट किया गया है।

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

और "MyCustomView.xib 'में केवल" उपयोगकर्ता परिभाषित रनटाइम अटेंडेस "सेट करें।

पेशेवरों:

कोई नहीं

विपक्ष:

बस काम नहीं करता है: AFTERsetXib: कहा जाएगा awakeAfterUsingCoder:

बी) अगर `self`कोई भी साक्षात्कार है, तो जाँच करें

आम तौर पर, आपके पास xib में साक्षात्कार होते हैं, लेकिन स्टोरीबोर्ड में नहीं।

- (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];
    }
}

पेशेवरों:

इंटरफ़ेस बिल्डर में कोई चाल नहीं।

विपक्ष:

आपके स्टोरीबोर्ड में आपके साक्षात्कार नहीं हो सकते हैं।

ग) `loadNibNamed:`कॉल के दौरान एक स्थिर ध्वज सेट करें

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

पेशेवरों:

सरल
इंटरफ़ेस बिल्डर में कोई चाल नहीं।

विपक्ष:

सुरक्षित नहीं: स्थिर साझा ध्वज खतरनाक है

d) XIB में निजी उपवर्ग का उपयोग करें

उदाहरण के लिए, _NIB_MyCustomViewउपवर्ग के रूप में घोषित करें MyCustomView। और, केवल अपने XIB के _NIB_MyCustomViewबजाय का उपयोग करें MyCustomView।

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

पेशेवरों:

कोई स्पष्ट ifमेंMyCustomView

विपक्ष:

Xib _NIB_इंटरफ़ेस बिल्डर में प्रीफ़िक्सिंग ट्रिक
अपेक्षाकृत अधिक कोड

ई) स्टोरीबोर्ड में प्लेसहोल्डर के रूप में उपवर्ग का उपयोग करें

करने के लिए इसी तरह की d)है, लेकिन स्टोरीबोर्ड, XIB में मूल कक्षा में उपयोग उपवर्ग।

यहाँ, हम MyCustomViewProtoएक उपवर्ग के रूप में घोषित करते हैं 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

पेशेवरों:

बहुत सुरक्षित
स्वच्छ; में कोई अतिरिक्त कोड नहीं MyCustomView।
कोई स्पष्ट ifजाँच के समान नहींd)

विपक्ष:

स्टोरीबोर्ड में उपवर्ग का उपयोग करने की आवश्यकता है।

मुझे लगता e)है कि यह सबसे सुरक्षित और स्वच्छ रणनीति है। इसलिए हम इसे यहां अपनाते हैं।

चरण 3। गुणों की प्रतिलिपि बनाएँ

बाद loadNibNamed:में 'awakeAfterUsingCoder:', आप कई गुणों से नकल करने के लिए है selfजो उदाहरण डीकोड च स्टोरीबोर्ड। frameऔर ऑटोलॉययट / ऑटोरेसेज़ गुण विशेष रूप से महत्वपूर्ण हैं।

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

अंतिम समाधान

जैसा कि आप देख सकते हैं, यह बॉयलरप्लेट कोड का एक सा है। हम उन्हें 'श्रेणी' के रूप में लागू कर सकते हैं। यहां, मैं आमतौर पर उपयोग किए जाने वाले UIView+loadFromNibकोड का विस्तार करता हूं ।

#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];
}

इसका उपयोग करके, आप इस MyCustomViewProtoतरह की घोषणा कर सकते हैं:

@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:

XIB स्क्रीनशॉट

स्टोरीबोर्ड:

स्टोरीबोर्ड

परिणाम:

यहाँ छवि विवरण दर्ज करें

Question 6

मत भूलना

दो महत्वपूर्ण बिंदु:

अपने कस्टम दृश्य के वर्ग नाम के लिए .xib के फ़ाइल स्वामी को सेट करें।
.Xib के मूल दृश्य के लिए IB में कस्टम वर्ग नाम सेट न करें ।

पुन: प्रयोज्य दृश्य बनाना सीखते हुए मैं कई बार इस प्रश्नोत्तर पृष्ठ पर आया। उपरोक्त बिंदुओं को भूल जाने से मुझे यह पता लगाने में बहुत समय बर्बाद हो गया कि क्या अनंत पुनरावृत्ति हो रही थी। इन बिंदुओं का उल्लेख अन्य उत्तरों में यहां और अन्य जगहों पर किया गया है , लेकिन मैं उन्हें यहां पुनर्मूल्यांकन करना चाहता हूं।

चरणों के साथ मेरा पूरा स्विफ्ट उत्तर यहां है ।

Question 7

एक समाधान है जो उपरोक्त समाधानों की तुलना में बहुत अधिक स्वच्छ है: https://www.youtube.com/watch?v=xP7YvdlhHfA

कोई रनटाइम गुण, कोई पुनरावर्ती कॉल समस्या। मैंने इसकी कोशिश की और यह स्टोरीबोर्ड से और XIB से IBOutlet गुणों (iOS8.1, XCM6) के साथ एक आकर्षण की तरह काम किया।

कोडिंग के लिए गुड लक!

Xib के साथ एक पुन: प्रयोज्य UIView बनाना (और स्टोरीबोर्ड से लोड करना)

चरण 1। selfस्टोरीबोर्ड से प्रतिस्थापित करना

चरण 2। पुनरावर्ती कॉल को रोकना

a) निजी का उपयोग करें @propertyजो केवल NIB में सेट किया गया है।

बी) अगर selfकोई भी साक्षात्कार है, तो जाँच करें

ग) loadNibNamed:कॉल के दौरान एक स्थिर ध्वज सेट करें

d) XIB में निजी उपवर्ग का उपयोग करें

ई) स्टोरीबोर्ड में प्लेसहोल्डर के रूप में उपवर्ग का उपयोग करें

चरण 3। गुणों की प्रतिलिपि बनाएँ

अंतिम समाधान

मत भूलना

चरण 1। `self`स्टोरीबोर्ड से प्रतिस्थापित करना

a) निजी का उपयोग करें `@property`जो केवल NIB में सेट किया गया है।

बी) अगर `self`कोई भी साक्षात्कार है, तो जाँच करें

ग) `loadNibNamed:`कॉल के दौरान एक स्थिर ध्वज सेट करें