不知 391119fd8b 123 | 4 years ago | |
---|---|---|
.. | ||
BRPickerView | 4 years ago | |
LICENSE | 4 years ago | |
README.md | 4 years ago |
BRPickerView 封装的是iOS中常用的选择器组件,主要包括:日期选择器(支持年月日、年月等15种日期样式选择,支持设置星期、至今等)、地址选择器(支持省市区、省市、省三种地区选择)、自定义字符串选择器(支持单列、多列、二级联动、三级联动选择)。支持自定义主题样式,适配深色模式,支持将选择器组件添加到指定容器视图。
【说明】
2.7.0
。pod repo update
更新本地仓库,待更新完成后;再执行 pod search BRPickerView
进行搜索,就会看到最新版本。查看并运行 BRPickerViewDemo.xcodeproj
框架Demo运行效果图1 | 框架Demo运行效果图2 |
在 Podfile 中添加 pod 'BRPickerView'
。
执行 pod install
或 pod update
。
导入头文件 #import <BRPickerView.h>
。
将与 README.md
同级目录下的 BRPickerView
文件夹拽入项目中
导入头文件 #import "BRPickerView.h"
。
BRDatePickerView
查看 BRDatePickerView.h 头文件,里面提供了两种使用方式,参见源码。
/// 日期选择器格式
typedef NS_ENUM(NSInteger, BRDatePickerMode) {
// ----- 以下4种是系统样式(兼容国际化日期格式) -----
/** 【yyyy-MM-dd】UIDatePickerModeDate(美式日期:MM-dd-yyyy;英式日期:dd-MM-yyyy)*/
BRDatePickerModeDate,
/** 【yyyy-MM-dd HH:mm】 UIDatePickerModeDateAndTime */
BRDatePickerModeDateAndTime,
/** 【HH:mm】UIDatePickerModeTime */
BRDatePickerModeTime,
/** 【HH:mm】UIDatePickerModeCountDownTimer */
BRDatePickerModeCountDownTimer,
// ----- 以下11种是自定义样式 -----
/** 【yyyy-MM-dd HH:mm:ss】年月日时分秒 */
BRDatePickerModeYMDHMS,
/** 【yyyy-MM-dd HH:mm】年月日时分 */
BRDatePickerModeYMDHM,
/** 【yyyy-MM-dd HH】年月日时 */
BRDatePickerModeYMDH,
/** 【MM-dd HH:mm】月日时分 */
BRDatePickerModeMDHM,
/** 【yyyy-MM-dd】年月日(兼容国际化日期:dd-MM-yyyy)*/
BRDatePickerModeYMD,
/** 【yyyy-MM】年月(兼容国际化日期:MM-yyyy)*/
BRDatePickerModeYM,
/** 【yyyy】年 */
BRDatePickerModeY,
/** 【MM-dd】月日 */
BRDatePickerModeMD,
/** 【HH:mm:ss】时分秒 */
BRDatePickerModeHMS,
/** 【HH:mm】时分 */
BRDatePickerModeHM,
/** 【mm:ss】分秒 */
BRDatePickerModeMS
};
// 1.创建日期选择器
BRDatePickerView *datePickerView = [[BRDatePickerView alloc]init];
// 2.设置属性
datePickerView.pickerMode = BRDatePickerModeYMD;
datePickerView.title = @"选择年月日";
// datePickerView.selectValue = @"2019-10-30";
datePickerView.selectDate = [NSDate br_setYear:2019 month:10 day:30];
datePickerView.minDate = [NSDate br_setYear:1949 month:3 day:12];
datePickerView.maxDate = [NSDate date];
datePickerView.isAutoSelect = YES;
datePickerView.resultBlock = ^(NSDate *selectDate, NSString *selectValue) {
NSLog(@"选择的值:%@", selectValue);
};
// 设置自定义样式
BRPickerStyle *customStyle = [[BRPickerStyle alloc]init];
customStyle.pickerColor = BR_RGB_HEX(0xd9dbdf, 1.0f);
customStyle.pickerTextColor = [UIColor redColor];
customStyle.separatorColor = [UIColor redColor];
datePickerView.pickerStyle = customStyle;
// 3.显示
[datePickerView show];
时间选择器显示类型的效果图(默认样式):
样式1:BRDatePickerModeDate | 样式2:BRDatePickerModeDateAndTime |
样式3:BRDatePickerModeTime | 样式4:BRDatePickerModeCountDownTimer |
// 设置选择器中间选中行的样式
BRPickerStyle *customStyle = [[BRPickerStyle alloc]init];
customStyle.selectRowColor = [UIColor blueColor];
customStyle.selectRowTextFont = [UIFont boldSystemFontOfSize:20.0f];
customStyle.selectRowTextColor = [UIColor redColor];
datePickerView.pickerStyle = customStyle;
样式:BRDatePickerModeYMD (默认非中文环境显示英式日期) | 样式:BRDatePickerModeYM (默认非中文环境显示英式日期) |
// 添加选择器头视图(pickerHeaderView)
UIView *headerView = [[UIView alloc]initWithFrame:CGRectMake(0, 0, SCREEN_WIDTH, 36)];
headerView.backgroundColor = [[UIColor grayColor] colorWithAlphaComponent:0.1f];
NSArray *unitArr = @[@"年", @"月", @"日"];
for (NSInteger i = 0; i < unitArr.count; i++) {
CGFloat width = SCREEN_WIDTH / unitArr.count;
CGFloat orginX = i * (SCREEN_WIDTH / unitArr.count);
UILabel *label = [[UILabel alloc]initWithFrame:CGRectMake(orginX, 0, width, 36)];
label.backgroundColor = [UIColor clearColor];
label.textAlignment = NSTextAlignmentCenter;
label.font = [UIFont systemFontOfSize:16.0f];
label.textColor = [UIColor darkGrayColor];
label.text = unitArr[i];
[headerView addSubview:label];
}
datePickerView.pickerHeaderView = headerView;
BRAddressPickerView
查看 BRAddressPickerView.h 头文件,里面提供了两种使用方式,参见源码。
/// 地址选择器
BRAddressPickerView *addressPickerView = [[BRAddressPickerView alloc]init];
addressPickerView.pickerMode = BRAddressPickerModeArea;
addressPickerView.title = @"请选择地区";
//addressPickerView.selectValues = @[@"浙江省", @"杭州市", @"西湖区"];
addressPickerView.selectIndexs = @[@10, @0, @4];
addressPickerView.isAutoSelect = YES;
addressPickerView.resultBlock = ^(BRProvinceModel *province, BRCityModel *city, BRAreaModel *area) {
NSLog(@"选择的值:%@", [NSString stringWithFormat:@"%@ %@ %@", province.name, city.name, area.name]);
};
[addressPickerView show];
样式1:BRAddressPickerModeProvince | 样式2:BRAddressPickerModeCity |
样式3:BRAddressPickerModeArea |
BRStringPickerView
查看 BRStringPickerView.h 头文件,里面提供了两种使用方式,参见源码。
/// 1.单列字符串选择器(传字符串数组)
BRStringPickerView *stringPickerView = [[BRStringPickerView alloc]init];
stringPickerView.pickerMode = BRStringPickerComponentSingle;
stringPickerView.title = @"学历";
stringPickerView.dataSourceArr = @[@"大专以下", @"大专", @"本科", @"硕士", @"博士", @"博士后"];
stringPickerView.selectIndex = 2;
stringPickerView.resultModelBlock = ^(BRResultModel *resultModel) {
NSLog(@"选择的值:%@", resultModel.value);
};
[stringPickerView show];
/// 2.单列字符串选择器(可以传模型数组)
NSArray *infoArr = @[@{@"key": @"1001", @"value": @"无融资", @"remark": @""},
@{@"key": @"2001", @"value": @"天使轮", @"remark": @""},
@{@"key": @"3001", @"value": @"A轮", @"remark": @""},
@{@"key": @"4001", @"value": @"B轮", @"remark": @""},
@{@"key": @"5001", @"value": @"C轮以后", @"remark": @""},
@{@"key": @"6001", @"value": @"已上市", @"remark": @""}];
NSMutableArray *modelArr = [[NSMutableArray alloc]init];
for (NSDictionary *dic in infoArr) {
BRResultModel *model = [[BRResultModel alloc]init];
model.key = dic[@"key"];
model.value = dic[@"value"];
model.remark = dic[@"remark"];
[modelArr addObject:model];
}
BRStringPickerView *stringPickerView = [[BRStringPickerView alloc]init];
stringPickerView.pickerMode = BRStringPickerComponentSingle;
stringPickerView.title = @"融资情况";
stringPickerView.dataSourceArr = [modelArr copy];
stringPickerView.selectIndex = 2;
stringPickerView.resultModelBlock = ^(BRResultModel *resultModel) {
NSLog(@"选择的索引:%@", @(resultModel.index));
NSLog(@"选择的值:%@", resultModel.value);
};
[stringPickerView show];
/// 3.多列字符串选择器
BRStringPickerView *stringPickerView = [[BRStringPickerView alloc]init];
stringPickerView.pickerMode = BRStringPickerComponentMulti;
stringPickerView.title = @"自定义多列字符串";
stringPickerView.dataSourceArr = @[@[@"语文", @"数学", @"英语", @"物理", @"化学", @"生物"], @[@"优秀", @"良好", @"及格", @"不及格"]];
stringPickerView.selectIndexs = @[@2, @1];
stringPickerView.resultModelArrayBlock = ^(NSArray<BRResultModel *> *resultModelArr) {
NSLog(@"选择的值:%@", [NSString stringWithFormat:@"%@,%@", resultModelArr[0].value, resultModelArr[1].value]);
};
// 设置选择器中间选中行的样式
BRPickerStyle *customStyle = [[BRPickerStyle alloc]init];
customStyle.selectRowTextFont = [UIFont boldSystemFontOfSize:20.0f];
customStyle.selectRowTextColor = [UIColor blueColor];
stringPickerView.pickerStyle = customStyle;
[stringPickerView show];
单列字符串选择器 | 单列字符串选择器 |
多列字符串选择器 |
keyView
属性(即组件的父视图:可以将组件添加到 自己获取的 keyWindow 上,或页面的 view 上)timeZone
和 addCustomString
selectRowTextColor
和 selectRowTextFont
numberFullName
优化代码,添加 BRDatePickerModeYMD
支持国际化英式日期
修复 #143
selectRowColor
pickerHeaderView
、pickerFooterView
reloadData
BRDatePickerModeYM
支持国际化英式日期showUnitType
(日期单位显示样式)、minuteInterval
、secondInterval
title
、 selectDate
、pickerMode
的值showWeek
属性,及新增 BRDatePickerModeMS
日期类型showToday
:控制是否显示 “今天” ,默认为 NO
addToNow
:控制是否添加选择 “至今”,默认为 NO
BRDatePickerModeYMDHMS
(年月日时分秒)、BRDatePickerModeYMDE
(年月日星期)、BRDatePickerModeHMS
(时分秒)
pod 'BRPickerView'
// 集成全部的功能
pod 'BRPickerView/DatePickerView'
// 仅集成日期选择器的功能
pod 'BRPickerView/AddressPickerView'
// 仅集成地址选择器的功能
pod 'BRPickerView/StringPickerView'
// 仅集成字符串选择器的功能
resultBlock:^(BRProvinceModel *province, BRCityModel *city, BRAreaModel *area) {}
MJExtension
,修改为手动解析地址数据源。cancelBlock
)dataSource
参数支持两种类型:BRPickerView 使用 MIT 许可证,详情见 LICENSE 文件。