iOS基础开发UI界面-xib基本使用

XIB

在开发中,自定义View不一定要纯代码,还有另外的方式,就是创建xib.storyboard是从xib演化而来的,storyboard是描述整个软件界面,比较重量级,xib相对而言,是描述局部,比较轻量级.

A.加载xib的两种方式:

1.直接返回一个数组

NSArray *array = [[NSBundle mainBundle] loadNibNamed:@"test" owner:nil options:nil];

2.返回一个nib对象,然后用nib的instantiteWithOwer方法,返回第一个数组

UINib *nib = [UINib nibWithNibName:@"Test" bundle:nil];
//如果bundel作为参数, nil 默认是mainBundle
NSArray *array = [nib instantiteWithOwer:nil object:nil];

B.设置xib数据

设置xib数据的方法有很多,每种方法都可以设置到对应控件的值.只不过方法的区别在于哪一种方法更好用.

1.第一种方法:遍历所有的xib中所有的子控件

// 直接遍历子控件设置数据

for (UIView *view in shopView.subviews) {
if ([view isKindOfClass:[UIImageView class]]) {
UIImageView *imageView = (UIImageView *)view;
imageView.image = [UIImage imageNamed:shop.icon];
} else if ([view isKindOfClass:[UILabel class]]) {
UILabel *label = (UILabel *)view;
label.text = shop.name;
}
}

2.第二种方法:绑定子控件的tag值

// 通过tag拿到对应的子控件设置数据

UIImageView *iconImageView = (UIImageView *)[shopView                  viewWithTag:1];
iconImageView.image = [UIImage imageNamed:shop.icon];

UILabel *nameLabel = (UILabel *)[shopView viewWithTag:2];
nameLabel.text = shop.name;

3.第三种方法:自定义view封装管理xib

通过这方法可以更好的将内部实现的细节屏蔽,符合面向对象的三大特性.

a.先创建一个XXXShopView,xib和其文件名保持一致

b.把xib文件的类从UIView改成XXXShopView

c.拖线内部的子控件设置数据

d.重写模型的set方法

设置数据的三种思路:

1.在头文件中直接暴露子控件

2.提供方便的接口方便外界传数据

3.提供模型属性

d.提供内方法封装xib的加载过程

+ (instancetype)shopView
{
return [[[NSBundle mainBundle] loadNibNamed:NSStringFromClass(self) owner:nil options:nil] lastObject];
}

+ (instancetype)shopViewWithShop:(XXXShop *)shop
{
XXXShopView *shopView = [self shopView];
shopView.shop = shop;
return shopView;
}

C.xib注意点

如果通过xib或者storyboard创建的控件,初始化时时不会滴啊用initWithFrame,会调用initCoder,并且在初始化完毕之后会滴啊用awakeFromNib方法.如果要舒适化数据,一般选择重写awakeFromNib方法.

D.xib的加载原理

一般来说,xib是一层一层的解释转为对应的代码,如下:

- (void)loadXib
{
XXXShopView *shopView = [[XXXShopView alloc] initWithCoder:nil];
shopView.frame = CGRectMake(0, 0, 70, 90);
shopView.backgroundColor = [UIColor whiteColor];

UIImageView *iconImageView = [[UIImageView alloc] initWithCoder:nil];
iconImageView.backgroundColor = [UIColor greenColor];
iconImageView.frame = CGRectMake(0, 0, 70, 70);
[shopView addSubview:iconImageView];
self.iconImageView = iconImageView;

XXXLabel *nameLabel = [[XXXLabel alloc] initWithCoder:nil];
nameLabel.backgroundColor = [UIColor greenColor];
nameLabel.frame = CGRectMake(0, 0, 70, 70);
[shopView addSubview:nameLabel];
self.nameLabel = nameLabel;

}

XIB控件是什么类型,加载出来就是什么类型,xib中的子控件是什么类型,拖线出来就是什么类型.需要注意的一点是,通过alloc/init或者alloc/initWihtFrmae创建控件不会主动加载xib,及时xib的名称和控件的类型一样.