最近做项目封装了一个pickerView 用法很简单,先来看图
singlePicker.gif
先来说思路吧,首先创建一个基类的
BasePickerView,方便以后扩展功能用,它是继承自UIView的
单一选择器
1.看看BasePickerView.h文件
@interface BasePickerView : UIView<UIPickerViewDataSource, UIPickerViewDelegate>
/** 确认按钮 */
@property (nonatomic, strong) UIButton *comfirmBtn;
/** 取消按钮 */
@property (nonatomic, strong) UIButton *cancelBtn;
/** pickerView */
@property (nonatomic, strong) UIPickerView *pickerView;
/** 子类实现的方法 */
- (void)setupPickerView;
/** 确认按钮点击事件 */
- (void)comfirmBtnClick;
/** 取消按钮点击事件 */
- (void)cancelBtnClick;
/** 弹出页面 */
- (void)show;
@end
可以看到基类中已经引入了UIPickerViewDataSource和UIPickerViewDelegate,子类在继承的时候就不用再引入了,接下来是一些公开属性,其实comfirmBtn和cancelBtn是不用公开的
/** 子类实现的方法 */
- (void)setupPickerView;
这个方法是给子类实现的,方便做一些数据配置
2.BasePickerView.m
#define kWindowH [UIScreen mainScreen].bounds.size.height //应用程序的屏幕高度
#define kWindowW [UIScreen mainScreen].bounds.size.width //应用程序的屏幕宽度
@interface BasePickerView ()<UIGestureRecognizerDelegate>
/** 确认 取消按钮所在的视图 */
@property (nonatomic, strong) UIView *barView;
/** 内容视图 */
@property (nonatomic, strong) UIView *contentView;
/** 内容高度 */
@property (nonatomic, assign) CGFloat contentHeight;
/** barViewHeight */
@property (nonatomic, assign) CGFloat barViewHeight;
/** btnWidth */
@property (nonatomic, assign) CGFloat btnWidth;
@end
@implementation BasePickerView
- (instancetype)initWithFrame:(CGRect)frame {
if (self = [super initWithFrame:frame]) {
/** 设置默认的内容视图高度 */
self.contentHeight = 250;
/** 设置默认的按钮视图高度 */
self.barViewHeight = 40;
/** 设置默认的按钮宽度 */
self.btnWidth = 50;
self.bounds = [UIScreen mainScreen].bounds;
self.backgroundColor = [UIColor colorWithRed:0 green:0 blue:0 alpha:0.1];
[self addSubview:self.contentView];
[self.barView addSubview:self.comfirmBtn];
[self.barView addSubview:self.cancelBtn];
[self.contentView addSubview:self.barView];
[self.contentView addSubview:self.pickerView];
/** 添加手势 */
UITapGestureRecognizer *tap=[[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(remove)];
self.userInteractionEnabled = YES;
tap.delegate = self;
[self addGestureRecognizer:tap];
[self setupPickerView];
}
return self;
}
/** 展示 */
- (void)show {
/** 添加到window */
[[UIApplication sharedApplication].delegate.window addSubview:self];
self.center = [UIApplication sharedApplication].keyWindow.center;
CGRect contentViewFrame = CGRectMake(0, kWindowH, kWindowW, self.contentHeight);
contentViewFrame.origin.y -= self.contentView.frame.size.height;
[UIView animateWithDuration:0.3 delay:0 options:UIViewAnimationOptionCurveEaseInOut animations:^{
self.contentView.frame = contentViewFrame;
} completion:^(BOOL finished) {
}];
}
/** 销毁 */
- (void)remove {
CGRect contentViewFrame = self.contentView.frame;
contentViewFrame.origin.y += self.contentView.frame.size.height;
[UIView animateWithDuration:0.3 delay:0 options:UIViewAnimationOptionCurveEaseInOut animations:^{
self.contentView.frame = contentViewFrame;
} completion:^(BOOL finished) {
[self.contentView removeFromSuperview];
[self removeFromSuperview];
}];
}
/** 子类实现的方法 */
- (void)setupPickerView {
}
/** 确认按钮点击事件 */
- (void)comfirmBtnClick {
[self remove];
}
/** 取消按钮点击事件 */
- (void)cancelBtnClick {
[self remove];
}
#pragma mark - UIGestureRecognizerDelegate
/** 为了不让子视图响应手势点击 */
-(BOOL)gestureRecognizer:(UIGestureRecognizer *)gestureRecognizer shouldReceiveTouch:(UITouch *)touch{
if ([touch.view isDescendantOfView:self.contentView]) {
return NO;
}
return YES;
}
#pragma mark - lazy
- (UIView *)barView {
if (!_barView) {
_barView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, kWindowW, self.barViewHeight)];
}
return _barView;
}
- (UIView *)contentView {
if (!_contentView) {
_contentView = [[UIView alloc] initWithFrame:CGRectMake(0, kWindowH, kWindowW, self.contentHeight)];
_contentView.backgroundColor = [UIColor whiteColor];
}
return _contentView;
}
- (UIPickerView *)pickerView {
if (!_pickerView) {
_pickerView = [[UIPickerView alloc] initWithFrame:CGRectMake(0, self.barViewHeight, self.contentView.frame.size.width, self.contentView.frame.size.height - self.barViewHeight)];
_pickerView.delegate = self;
_pickerView.dataSource = self;
_pickerView.backgroundColor = [UIColor colorWithRed:230/255.0 green:230/255.0 blue:230/255.0 alpha:1];
}
return _pickerView;
}
- (UIButton *)comfirmBtn {
if (!_comfirmBtn) {
_comfirmBtn = [UIButton buttonWithType:UIButtonTypeCustom];
_comfirmBtn.frame = CGRectMake(kWindowW - self.btnWidth, 0, self.btnWidth, self.barViewHeight);
[_comfirmBtn setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
[_comfirmBtn setTitle:@"确定" forState:UIControlStateNormal];
[_comfirmBtn addTarget:self action:@selector(comfirmBtnClick) forControlEvents:UIControlEventTouchUpInside];
}
return _comfirmBtn;
}
- (UIButton *)cancelBtn {
if (!_cancelBtn) {
_cancelBtn = [UIButton buttonWithType:UIButtonTypeCustom];
_cancelBtn.frame = CGRectMake(0, 0, self.btnWidth, self.barViewHeight);
[_cancelBtn setTitle:@"取消" forState:UIControlStateNormal];
[_cancelBtn setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
[_cancelBtn addTarget:self action:@selector(cancelBtnClick) forControlEvents:UIControlEventTouchUpInside];
}
return _cancelBtn;
}
#pragma mark - UIPickerViewDataSource
/** 仅消除警告 子类会重写*/
- (NSInteger)numberOfComponentsInPickerView:(UIPickerView *)pickerView {
return 1;
}
/** 仅消除警告 子类会重写*/
- (NSInteger)pickerView:(UIPickerView *)pickerView numberOfRowsInComponent:(NSInteger)component {
return 1;
}
整个文件的代码都贴出来了,很简单,一看就明白,这里提一点就是为了防止子视图响应点击手势而销毁页面,在UIGestureRecognizerDelegate代理方法-(BOOL)gestureRecognizer:(UIGestureRecognizer *)gestureRecognizer shouldReceiveTouch:(UITouch *)touch中做了处理,基类就这么完了,是不是很简单,我也觉得....
3.接下来我们看看SinglePickerView,这个是继承自BasePickerView.h 的子类,头文件 SinglePickerView.h 中的内容也不多,看代码
#import "BasePickerView.h"
typedef void(^selectedBlock)(NSString *str,NSInteger index);
/** 单列的pickerView 传一个数组即可 */
@interface SinglePickerView : BasePickerView
/** 回调block */
@property (nonatomic, copy) selectedBlock block;
/** 使用类方法创建 传一个数组即可 str为选中的字符串 index为字符串对应数组元素的下标 (比如 要显示的值为广州 发请求的时候取code 这时就可以用到index来取值了) */
+ (instancetype)showWithDataArray:(NSArray *)array block:(selectedBlock)block;
@end
公开一个类方法方便调用,不用创建一堆的属性,命名可能不规范,不要吐槽了....
4.SinglePickerView.m
+(instancetype)showWithDataArray:(NSArray *)array block:(selectedBlock)block {
SinglePickerView *pick = [[SinglePickerView alloc] init];
[pick setDataArray:array];
[pick show];
pick.block = block;
return pick;
}
调用的类方法,大神常用这种方式的,此外应有赞
- (void)setupPickerView {
[super setupPickerView];
_index = 0;
}
设置默认的下标为0,其实在- (void)setDataArray:(NSArray *)dataArray中已经设置了,这里........
- (void)setDataArray:(NSArray *)dataArray {
_dataArray = dataArray;
_selectedTitle = dataArray.firstObject;
_index = 0;
[self.pickerView reloadAllComponents];
}
初始化数据,_selectedTitle为选中的字符串 ,_index为选中的数组下标
- (void)show {
[super show];
if (self.dataArray.count>0) {
[self.pickerView selectRow:0 inComponent:0 animated:NO];
}
}
pickerView默认选中第一行
- (void)comfirmBtnClick{
if (self.block) {
self.block(self.selectedTitle,self.index);
}
[super comfirmBtnClick];
}
确认按钮点击事件,回调block,嗯,完犊子了....
地址选择器
上面说了那么多,感觉都是废话......
来来来,继续,接下来有请JWAddressPickerView,上图,哎呦,命名没改..你们自己改吧...
addressPicker.gif
1.来看看
JWAddressPickerView.h也是没啥可看的
#import "BasePickerView.h"
typedef void(^AddressBlcok)(NSString *province,NSString *city,NSString *area);
@interface JWAddressPickerView : BasePickerView
/** 回调block */
@property (nonatomic, copy) AddressBlcok addressBlock;
+ (instancetype)showWithAddressBlock:(AddressBlcok)block;
@end
太简单,不解释
2.JWAddressPickerView.m,这个文件得说下.JWAddress.plist是数据我是拿到别人的,然后转plist了,时间太久不记得是谁的了,有看到的@我一个,我加上来源
- (void)loadAddressData {
NSString *path = [[NSBundle mainBundle] pathForResource:@"JWAddress" ofType:@"plist"];
self.pickerDic = [[NSDictionary alloc] initWithContentsOfFile:path];
self.provinceArray = [self.pickerDic valueForKey:@"p"];
self.selectedArray = self.pickerDic[@"c"][self.provinceArray.firstObject];
self.cityArray = self.selectedArray;
self.townArray = self.pickerDic[@"a"][@"北京市-北京市"];
}
这个是在本地加载地址数据的方法,也很简单,嗯,完了,献上你们要的具体的Demo,请点赞
