iOS使用Xib自定义控件

2016.08.10 16:38* 字数 301 阅读 3771评论 0喜欢 8

使用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];
}

运行效果：

 

这篇笔记参考小码哥视频整理的如有侵权敬请告知。