【知识总结】xib 自定义视图总结

作者: 小子爱搞事 | 来源:发表于2016-06-15 10:45 被阅读308次

    xib文件的使用分为两种:
    1,使用代码载入
    2,在其他xib文件中通过绑定class使用自定义的xib文件

    而这两种方法的实现,对建立xib文件时的设置又各不相同,在子控件进行了连线的情况下,因此 同一个xib文件不能同时使用两种方法去调用这个xib文件

    配置方式
    1,使用代码载入


    2E528362-A4F2-4AB9-8B8D-91B6AE871418.png

    如上图所示,将 custom view 绑定class,连接内部的子控件到接口提供使用

    使用 自定义的xib时,如果没有设置尺寸,会更具在 xib 文件中的大小显示

    2,在其他xib文件中通过绑定class使用自定义的xib文件

    BA088021-6F59-4346-B664-F627E9FB680E.png

    如上图所示,将 file’s owner 的 custom class 改为 CustomView,在对子控件进行连线

    要在 xib 中使用自定义的 xib 控件,上面的配置只是基础,还需要实现下面的方法(介绍在参考文章中):

    #import "CustomView.h"
    @implementation CustomView
    /**
     *  这个方法需要设置 file's owner 绑定 class 时才使用
     */
    - (id)initWithCoder:(NSCoder *)aDecoder
    {
        if (self = [super initWithCoder:aDecoder]) {
            UIView *containerView = [[[UINib nibWithNibName:@"CustomView" bundle:nil] instantiateWithOwner:self options:nil] objectAtIndex:0];
            CGRect newFrame = CGRectMake(0, 0, self.frame.size.width, self.frame.size.height);
            containerView.frame = newFrame;
            [self addSubview:containerView];
        }
        return self;
    }
    /* 或实现这个方法 */
    //- (id) awakeAfterUsingCoder:(NSCoder*)aDecoder {
    //    BOOL isJustAPlaceholder = ([[self subviews] count] == 0);
    //    if (isJustAPlaceholder) {
    //        CustomView* theRealThing = [[self class] getClassObjectFromNib];
    //
    //        theRealThing.frame = self.frame;    // ... (pass through selected properties)
    //
    //        // Update 2013-07-23: make compatible with Auto Layout
    //        self.translatesAutoresizingMaskIntoConstraints = NO;
    //        theRealThing.translatesAutoresizingMaskIntoConstraints = NO;
    //
    //        // convince ARC that we're legit -- Update 2013-03-10: unnecessary since at least Xcode 4.5
    //        CFRelease((__bridge const void*)self);
    //        CFRetain((__bridge const void*)theRealThing);
    //
    //        return theRealThing;
    //    }
    //    return self;
    //}
    
    @end
    

    可能出现的问题:

    5ABA6A1B-229C-4807-B753-5808A966003C.png

    这个问题的出现情景是:
    使用代码的方式使用 xib 文件
    原因:
    使用了第 2 种方式(在其他xib文件中通过绑定class使用自定义的xib文件)配置 xib 文件,并且子控件进行了连线;如果子控件没有进行连线,是可以正常运行的,不会报错
    解决自然是从新配置成第 1 中方式

    参考文章:
    http://www.tuicool.com/articles/ENv6Nf/
    上面截图直接使用文章提供的 demo
    文章 demo 地址:https://github.com/wtlucky/nestedXibLoad

    相关文章

      网友评论

        本文标题:【知识总结】xib 自定义视图总结

        本文链接:https://www.haomeiwen.com/subject/muzudttx.html