(三十一)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;
}





  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值