自定义pickerview

今天写了一个自定义的pickerview,是关于时间选择的,先上图,有兴趣的朋友可以看看.


先创建一个model.

#import <Foundation/Foundation.h>
@interface KKDatePickerViewModel : NSObject
@property (nonatomic,copy)NSString *year;
@property (nonatomic,copy)NSString *moth;
@property (nonatomic,copy)NSString *day;
@end```
这个model就是用于记录当前选择的年月日.
然后是自定义pickerview.
#####KKDatePickerView.h

import <UIKit/UIKit.h>

import "KKDatePickerViewModel.h"

@interface KKDatePickerView : UIView
@property (strong, nonatomic) UIPickerView *pickerView;
@property (nonatomic, strong)KKDatePickerViewModel *model ;
-(instancetype)initWithFrame:(CGRect)frame;
@end

#####KKDatePickerView.m

import "KKDatePickerView.h"

@interface KKDatePickerView ()<UIPickerViewDataSource,UIPickerViewDelegate>
{
NSMutableArray *_yearArray;
NSMutableArray *_mothArray;
NSMutableArray *_dayArray ;
UIView *_view;
}

@end

@implementation KKDatePickerView

-(instancetype)initWithFrame:(CGRect)frame{

if (self=[super initWithFrame:frame]) {
    self.backgroundColor = [UIColor whiteColor];
    
    [self initData];
    [self initView];
}
return self;

}
//得到年月日这些数组
-(void)initData{

NSArray *array = [self getSystemTime];
self.model = [[KKDatePickerViewModel alloc] init];
self.model.year = array[0];
self.model.moth = array[1];
self.model.day = array[2];

_yearArray = [NSMutableArray array];
NSString *yearSystem = array[0];
int yearCount = [yearSystem intValue];
for (int i = 1900; i<yearCount+1; i++) {
    NSString *year = [NSString stringWithFormat:@"%.2d",i];
    [_yearArray addObject:year];
}
_mothArray = [NSMutableArray array];
for (int i = 1; i<13; i++) {
    NSString *moth = [NSString stringWithFormat:@"%.2d",i];
    [_mothArray addObject:moth];
}

[self getDaysInMoth:[self.model.moth integerValue]];

}
//初始化pickerview
-(void)initView{

UILabel * titleLab = [[UILabel alloc] initWithFrame:CGRectMake(0, 10, self.bounds.size.width, 25)];
titleLab.text = @"选择时间";
titleLab.textAlignment = NSTextAlignmentCenter;
titleLab.font = [UIFont systemFontOfSize:14];
titleLab.textColor = [UIColor colorWithRed:107/255.f green:107/255.f blue:107/255.f alpha:1];
[self addSubview:titleLab];

_pickerView = [[UIPickerView alloc] initWithFrame:CGRectMake(25, 35, self.bounds.size.width-50, 80)];
_pickerView.backgroundColor = [UIColor clearColor];

_pickerView.delegate = self;
_pickerView.dataSource = self;

NSArray *array = [self getSystemTime];
NSString  *yearRow = array[0] ;
int year = [yearRow intValue]-1900;

NSString *mothStr = array[1];
int moth = [mothStr intValue];

NSString *dayStr = array[2];
int day = [dayStr intValue];


//  设置默认选中日期,即现在的日期
[self.pickerView selectRow:year inComponent:0 animated:YES];
[self.pickerView selectRow:(moth-1) inComponent:1 animated:YES];
[self.pickerView selectRow:(day-1) inComponent:2 animated:YES];

[self performSelector:@selector(selectSystemTime)  withObject:nil afterDelay:.1];
[self clearSeparatorWithView:_pickerView];

//_pickerview的背景色为透明,在选中的那行上面放一层view,然后设置view的背景色
UIView * selectViewBac = [[UIView alloc] initWithFrame:CGRectMake(0, 0, self.bounds.size.width-50, 20)];
selectViewBac.backgroundColor = [UIColor colorWithRed:226/255.f green:242/255.f blue:250/255.f alpha:1];
selectViewBac.center = _pickerView.center;

[self addSubview:selectViewBac];
[self addSubview:self.pickerView];

UIColor * color = [UIColor colorWithRed:37/255.f green:162/255.f blue:219/255.f alpha:1];
UIButton * cancleBtn = [[UIButton alloc] initWithFrame:CGRectMake(30, CGRectGetMaxY(_pickerView.frame)+10, 90, 30)];
[cancleBtn setTitle:@"取消" forState:0];
[cancleBtn setTitleColor:color forState:0];
cancleBtn.layer.cornerRadius = 4;
cancleBtn.titleLabel.font = [UIFont systemFontOfSize:14];
cancleBtn.layer.masksToBounds = YES;
cancleBtn.layer.borderColor = color.CGColor;
cancleBtn.layer.borderWidth = 1;
[self addSubview:cancleBtn];

UIButton * sureBtn = [[UIButton alloc] initWithFrame:CGRectMake(self.bounds.size.width -120, CGRectGetMaxY(_pickerView.frame) +10, 90, 30)];
[sureBtn setTitle:@"确定" forState:0];
sureBtn.titleLabel.font = [UIFont systemFontOfSize:14];
[sureBtn setTitleColor:[UIColor whiteColor] forState:0];
sureBtn.layer.cornerRadius = 4;
sureBtn.layer.masksToBounds = YES;
sureBtn.backgroundColor = color;
[self addSubview:sureBtn];

}

-(void)selectSystemTime{
NSArray *array = [self getSystemTime];
NSString *yearRow = array[0];
int year = [yearRow intValue]-1900;

NSString *mothStr = array[1];
int moth = [mothStr intValue];

NSString *dayStr = array[2];
int day = [dayStr intValue];
//得到选中的那个view,并获取到它上面的label,再改变label的字体颜色
UIView * yearview =  [_pickerView viewForRow:year forComponent:0];
UILabel * yearlabel = yearview.subviews.firstObject;
yearlabel.textColor =[UIColor colorWithRed:13/255.f green:152/255.f blue:215/255.f alpha:1];

UIView * mothview =  [_pickerView viewForRow:(moth-1) forComponent:1];
UILabel * mothlabel = mothview.subviews.firstObject;
mothlabel.textColor =[UIColor colorWithRed:13/255.f green:152/255.f blue:215/255.f alpha:1];

UIView * dayview =  [_pickerView viewForRow:(day-1) forComponent:2];
UILabel * daylabel = dayview.subviews.firstObject;
daylabel.textColor =[UIColor colorWithRed:13/255.f green:152/255.f blue:215/255.f alpha:1];

}

pragma mark pickerviewDelegate

//返回列数
-(NSInteger)numberOfComponentsInPickerView:(UIPickerView *)pickerView
{
return 3;
}
//返回每列行数
-(NSInteger)pickerView:(UIPickerView *)pickerView numberOfRowsInComponent:(NSInteger)component
{
if (component==0) {
return _yearArray.count;
} else if(component==1){

    return  _mothArray.count;
}
return _dayArray.count;

}
//每行高度

  • (CGFloat)pickerView:(UIPickerView *)pickerView rowHeightForComponent:(NSInteger)component{
    return 20;
    }
    //每个item的宽度
  • (CGFloat) pickerView:(UIPickerView *)pickerView widthForComponent:(NSInteger)component{
    if (component==0) {
    return (self.bounds.size.width-50)/3;
    } else if(component==1){
    return (self.bounds.size.width-50)/3;
    }
    return (self.bounds.size.width-50)/3;
    }

//改变选中那行的字体和颜色

  • (UIView *)pickerView:(UIPickerView *)pickerView viewForRow:(NSInteger)row forComponent:(NSInteger)component reusingView:(UIView *)view{
    if (!view){
    view = [[UIView alloc]init];
    }
    UILabel *text = [[UILabel alloc]initWithFrame:CGRectMake(0, 0, (self.bounds.size.width-50)/3, 20)];
    if (component == 2) {
    NSInteger selecrDay = [_pickerView selectedRowInComponent:component];
    if (selecrDay == row) {
    text.textColor = [UIColor colorWithRed:13/255.f green:152/255.f blue:215/255.f alpha:1];
    }
    }
    text.textAlignment = NSTextAlignmentCenter;
    if (component==0) {
    text.text = [_yearArray objectAtIndex:row];
    }
    if (component==1) {
    text.text = [_mothArray objectAtIndex:row];
    }
    if (component==2) {
    text.text = [_dayArray objectAtIndex:row];
    }
    [view addSubview:text];

    return view;
    }

//被选择的行
-(void)pickerView:(UIPickerView *)pickerView didSelectRow:(NSInteger)row inComponent:(NSInteger)component{
//滑动月份时,更新日
if (component ==1) {
NSInteger moth = [_mothArray[row] integerValue];
[self getDaysInMoth:moth];
[_pickerView reloadComponent:2];

}

UIView * view =  [_pickerView viewForRow:row forComponent:component];
UILabel * label = view.subviews.firstObject;
label.textColor =[UIColor colorWithRed:13/255.f green:152/255.f blue:215/255.f alpha:1];
if (component==0) {
    self.model.year = [_yearArray objectAtIndex:row];
}

if (component==1) {
    self.model.moth = [_mothArray objectAtIndex:row];
}
if (component==2) {
    self.model.day = [_dayArray objectAtIndex:row];
}

}
//获取某个月的天数
-(void)getDaysInMoth:(NSInteger)moth{

int temp = 0;
if (moth ==2) {
    temp = 29;
}else if(moth == 1||moth == 3||moth == 5||moth == 7||moth == 8||moth == 10||moth == 12){
    temp = 31;
}else{
    temp = 30;
}
_dayArray = [NSMutableArray array];
for (int i = 1; i<=temp; i++) {
    NSString *day = [NSString stringWithFormat:@"%.2d",i];
    [_dayArray addObject:day];
}

}
//让分割线背景颜色为透明

  • (void)clearSeparatorWithView:(UIView * )view
    {
    if(view.subviews != 0 )
    {
    //分割线很薄的😊
    if(view.bounds.size.height < 5)
    {
    view.backgroundColor = [UIColor clearColor];
    }

      [view.subviews enumerateObjectsUsingBlock:^( UIView *  obj, NSUInteger idx, BOOL *  stop) {
      [self clearSeparatorWithView:obj];
  }];

    }

}
// 获取系统时间
-(NSArray*)getSystemTime{

NSDate *date = [NSDate date];
NSTimeInterval  sec = [date timeIntervalSinceNow];
NSDate *currentDate = [[NSDate alloc]initWithTimeIntervalSinceNow:sec];
NSDateFormatter *df = [[NSDateFormatter alloc]init];
[df setDateFormat:@"yyyy-MM-dd"];
NSString *na = [df stringFromDate:currentDate];
return [na componentsSeparatedByString:@"-"];

}

@end

代码里面都写了关键的注释,希望能对大家有所帮助.好了,祝大家天天开心😄
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
  • 人面猴
    序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
    沈念sama阅读 203,937评论 6赞 478
  • 死咒
    序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
    沈念sama阅读 85,503评论 2赞 381
  • 救了他两次的神仙让他今天三更去死
    文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
    开封第一讲书人阅读 150,712评论 0赞 337
  • 道士缉凶录：失踪的卖姜人
    文/不坏的土叔 我叫张陵，是天一观的道长。 经常有香客问我，道长，这世上最难降的妖魔是什么？ 我笑而不...
    开封第一讲书人阅读 54,668评论 1赞 276
  • 港岛之恋（遗憾婚礼）
    正文 为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
    茶点故事阅读 63,677评论 5赞 366
  • 恶毒庶女顶嫁案：这布局不是一般人想出来的
    文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
    开封第一讲书人阅读 48,601评论 1赞 281
  • 城市分裂传说
    那天，我揣着相机与录音，去河边找鬼。 笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。 我是一名探鬼主播，决...
    沈念sama阅读 37,975评论 3赞 396
  • 双鸳鸯连环套：你想象不到人心有多黑
    文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
    开封第一讲书人阅读 36,637评论 0赞 258
  • 万荣杀人案实录
    序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
    沈念sama阅读 40,881评论 1赞 298
  • 护林员之死
    正文 独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,621评论 2赞 321
  • 白月光启示录
    正文 我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,710评论 1赞 329
  • 活死人
    序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
    沈念sama阅读 33,387评论 4赞 319
  • 日本核电站爆炸内幕
    正文 年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
    茶点故事阅读 38,971评论 3赞 307
  • 男人毒药：我在死后第九天来索命
    文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,947评论 0赞 19
  • 一桩弑父案，背后竟有这般阴谋
    文/苍兰香墨 我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,189评论 1赞 260
  • 情欲美人皮
    我被黑心中介骗来泰国打工， 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。 一个月前我还...
    沈念sama阅读 44,805评论 2赞 349
  • 代替公主和亲
    正文 我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
    茶点故事阅读 42,449评论 2赞 342

推荐阅读更多精彩内容