(三十一)PickerView自定义视图

例如选择国家,左边是名称右边是国家,不应该使用两列,而是自定义PickerView的一列,可以通过xib来实现。

注意,虽然PickerView也是一列,但是数据源方法是@required,所以必须实现。

因此,核心思想就是一列,自定义PickerView的行视图。

使用viewForRow方法可以设定行视图。



这样的视图可以通过xib和它的控制器进行封装:


Xib的控制器继承自UIView类即可。

控制器维护一个用于设置数据的模型对象flag,重写flag的set方法,即可在传入模型的时候设置Xib内部控件的属性。

返回Xib的方式:从mainBundle读取xib,使用loadNibNamed...,注意返回的是数组,使用lastObject(一般数组里只有一个元素,因此lastObject也是第一个)

[[[NSBundle mainBundle] loadNibNamed:@"#xibName#" owner:nil options:nil] lastObject];

一个细节:PickerView的viewForRow的view是可以循环利用的,注意viewForRow的方法传入的是一个resusingView:

- (UIView *)pickerView:(UIPickerView *)pickerView viewForRow:(NSInteger)row forComponent:(NSInteger)component reusingView:(UIView *)view;
因此应该对这个view进行判断(在Xib控制其中),如果不是nil,说明从缓存池中拿到了数据,应该强转类型为FlagView然后返回,如果是nil,则返回一个新建的Xib(通过mainBundle的loadNibNamed创建,不要忘了返回的是一个元素的数组)。
因此应该在FlagView中重写一个初始化方法,用来得到一个可重用的view:

+ (instancetype)flagViewWithResuingView:(UIView *)resuingView
{
    if (resuingView == nil) {
        return [[[NSBundle mainBundle] loadNibNamed:@"FlagView" owner:nil options:nil] lastObject];
    } else {
        return (FlagView *)resuingView; //注意直接得到的可重用视图是UIView类型,应该转换为FlagView才能接收模型。
    }
}
另一个细节:由于PickerView的行宽是由Xib决定的,因此应该提供一个类方法来返回行高:
+ (CGFloat)flagViewHeight
{
    return 44;
}





posted on 2015-02-09 14:44  张大大123  阅读(264)  评论(0编辑  收藏  举报

导航