使用xib自定义一个简单的控件 XMGShopView
xib效果图:
运行时效果图：
xib自定义控件的创建方法：
- 通过init方法创建
XMGShopView *shopView = [[XMGShopView alloc] init];
shopView.frame = CGRectMake(100, 100, 90, 110);
[self.view addSubview:shopView];
- 通过initWithFrame:方法创建
XMGShopView *shopView = [[XMGShopView alloc] initWithFrame: CGRectMake(200, 200, 90, 110)];
[self.view addSubview:shopView];
- 通过loadNibNamed: 方法创建
/*
xib总结:
1.在Xcode中xib,被打包到应用程序中是.nib文件
2.如果从xib加载的View没有设置尺寸,则描述xib时的尺寸,就是View的尺寸
*/
XMGShopView *shopView = [[[NSBundle mainBundle] loadNibNamed:@"XMGShopView" owner:nil options:nil] firstObject];
shopView.frame = CGRectMake(100, 100, 90, 110);
[self.view addSubview:shopView];
运行效果：
- 通过nibWithNibName：方法创建
/*
// 注意:如果mainBundle作为参数时,传入nil也可以
UINib *nib = [UINib nibWithNibName:@"XMGShopView" bundle:[NSBundle mainBundle]];
*/
UINib *nib = [UINib nibWithNibName:@"XMGShopView" bundle:nil];
XMGShopView *shopView = [[nib instantiateWithOwner:nil options:nil] firstObject];
shopView.frame = CGRectMake(200, 200, 90, 110);
[self.view addSubview:shopView];
运行效果：
xib创建注意点：
- 通过xib加载控件,不会执行init方法和initWithFrame方法
- 会执行initWithCoder方法和awakeFromNib方法
- 如果想通过xib加载控件时,一定不能通过[Class alloc] init]方法来创建控件
- 通常会让类提供一个类方法,该类方法可以快速从xib中创建View
+ (instancetype)shopView{
return [[[NSBundle mainBundle] loadNibNamed:NSStringFromClass(self) owner:nil options:nil] firstObject];
}
通过xib自定义控件，基本控件中只能给UIview控件添加子控件，UIImageView、UILabe、UIButton等控件不能在xib中添加子空间只能通过代码添加子控件
通过代码给xib中iconView添加子控件
- 通过initWithCoder:方法给iconView添加子控件(实际并不会成功)
/**
* 如果View从xib中加载,就会调用initWithCoder:方法
* 创建子控件,...
注意: 如果子控件是从xib中创建,是处于未唤醒状态
*/
- (instancetype)initWithCoder:(NSCoder *)aDecoder{
if (self = [super initWithCoder:aDecoder]) {
UILabel *label = [[UILabel alloc] initWithFrame:CGRectMake(0, 0, 50, 50)];
label.backgroundColor = [UIColor grayColor];
label.text = @"给image控件添加子控件";
[self.iconView addSubview:label];
}
return self;
}
运行时效果图：
- 在awakeFromNib给xib中iconView添加子控件
/**
* 从xib中唤醒
添加 xib中创建的子控件 的子控件
*/
- (void)awakeFromNib{
UILabel *label = [[UILabel alloc] initWithFrame:self.iconView.bounds];
label.backgroundColor = [UIColor grayColor];
label.numberOfLines = 0;
label.text = @"给image控件添加子控件";
[self.iconView addSubview:label];
}
运行效果：
这篇笔记参考小码哥视频整理的如有侵权敬请告知。
