美文网首页
自定义继承UIView的 视图类

自定义继承UIView的 视图类

作者: 爱喝农药de清凉 | 来源:发表于2017-05-05 09:45 被阅读92次

转自:http://www.jianshu.com/p/68b383b129f9
1.要重写UIView的initWithFrame:方法而不是init方法

为什么呢?因为当外部调用init的方法的时候,其内部也会默默地调用initWithFrame:方法,你不能保证别的同事在调用你的类的时候不会直接调用initWithFrame:方法,这时如果你仅重写了init方法,那么两个子控件便无从创建.

于是我们写成这样:

  • (instancetype)initWithFrame:(CGRect)frame {
    if (self = [super initWithFrame:frame]) {
    /* 添加子控件的代码*/
    }
    return self;
    }

2.不要在构造方法里面直接取自身(self,或者说本视图)的宽高,这时候取到的宽高是不准的.

我想初学自定义tableViewCell的小伙伴都遇到过类似这样的问题:
重写cell的初始化方法向cell内添加子控件时
(假设cell的高度设为100,想要添加一个label在cell的底部),

于是这样写:
label.frame = CGRectMake(0,self.frame.size.height - 20, 100, 20),

运行出来却发现添加的label并不在我们期望的位置(底部),
而是在cell比较偏上的位置(实际y的值是44-20而不是100-20).

然后在debug的时候发现:虽然cell的高度已经设定成为100,但在初始化方法里面取到的cell的高度仍然是默认的44.

这其实也是刚才说的原因导致的:我们不能在控件的构造方法里面取其frame或者bounds,这时候取值是不准确的.

所以在重新构造方法的时候,我们只需要把控件放进去,暂时先不用考虑他们在什么位置:

  • (instancetype)initWithFrame:(CGRect)frame {
    if (self = [super initWithFrame:frame]) {
    self.imageView = [[UIImageView alloc]init];
    [self addSubview:self.imageView];

      self.label = [[UILabel alloc]init];
      self.label.textAlignment = NSTextAlignmentCenter;
      [self addSubview:self.label];
    

    }
    return self;
    }

3.在layoutSubViews方法里面布局子控件

如下:

  • (void)layoutSubviews {
    // 一定要调用super的方法
    [super layoutSubviews];

    // 确定子控件的frame(这里得到的self的frame/bounds才是准确的)
    CGFloat width = self.bounds.size.width;
    CGFloat height = self.bounds.size.height;
    self.imageView.frame = CGRectMake(0, 0, width, width);
    self.label.frame = CGRectMake(0, width, width, height - width);
    }
    这里要注意的就是需要在布局之前一定要先调用父类的layoutSubviews方法.

由于在这个方法里可以获取MyView准确的宽和高,我们直接取它的宽高来设置imageView和label的宽高就可以

当然,子控件的创建不一定要写在MyView的构造方法里面,既然声明成为属性,使用懒加载(重写属性的get方法)也是一个不错的选择.

相关文章

网友评论

      本文标题:自定义继承UIView的 视图类

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