iOS自定义实现日历控件
SZCalendarPicker.h
#import
@interface SZCalendarPicker : UIView
@property (nonatomic , strong) NSDate *date;
@property (nonatomic , strong) NSDate *today;
@property (nonatomic, copy) void(^calendarBlock)(NSInteger day, NSInteger month, NSInteger year);
@property (nonatomic , weak) IBOutlet UILabel *monthLabel;
+ (instancetype)showOnView:(UIView *)view;
@end
SZCalendarPicker.m
#import "SZCalendarPicker.h"
#import "YBCalendarCell.h"
#import "UIColor+ZXLazy.h"
NSString *const SZCalendarCellIdentifier = @"cell";
@interface SZCalendarPicker ()
@property (nonatomic , weak) IBOutlet UICollectionView *collectionView;
@property (nonatomic , weak) IBOutlet UIButton *previousButton;
@property (nonatomic , weak) IBOutlet UIButton *nextButton;
@property (nonatomic , strong) NSArray *weekDayArray;
@property (nonatomic , strong) UIView *mask;
@end
@implementation SZCalendarPicker
// Only override drawRect: if you perform custom drawing.
// An empty implementation adversely affects performance during animation.
- (void)drawRect:(CGRect)rect {
// Drawing code
[self addTap];
[self addSwipe];
[self show];
}
- (void)awakeFromNib
{
[_collectionView registerClass:[YBCalendarCell class] forCellWithReuseIdentifier:SZCalendarCellIdentifier];
_weekDayArray = @[@"日",@"一",@"二",@"三",@"四",@"五",@"六"];
}
- (void)customInterface
{
CGFloat itemWidth = _collectionView.frame.size.width / 7;
CGFloat itemHeight = _collectionView.frame.size.height / 7;
UICollectionViewFlowLayout *layout = [[UICollectionViewFlowLayout alloc] init];
layout.sectionInset = UIEdgeInsetsMake(0, 0, 0, 0);
layout.itemSize = CGSizeMake(itemWidth, itemHeight);
layout.minimumLineSpacing = 0;
layout.minimumInteritemSpacing = 0;
[_collectionView setCollectionViewLayout:layout animated:YES];
}
- (void)setDate:(NSDate *)date
{
_date = date;
NSString *weekDay = [self arabicNumeralsToChinese:[self weekDay:date]-1];
[_monthLabel setText:[NSString stringWithFormat:@"%ld-%ld-%ld-星期%@",[self year:date],[self month:date],[self day:date],weekDay]];
[_collectionView reloadData];
}
-(NSString *)arabicNumeralsToChinese:(NSInteger)number
{
switch (number%7) {
case 0:
return @"日";
break;
case 1:
return @"一";
break;
case 2:
return @"二";
break;
case 3:
return @"三";
break;
case 4:
return @"四";
break;
case 5:
return @"五";
break;
case 6:
return @"六";
break;
default:
return nil;
break;
}
}
#pragma mark - date
- (NSInteger)day:(NSDate *)date{
NSDateComponents *components = [[NSCalendar currentCalendar] components:(NSCalendarUnitDay) fromDate:date];
return [components day];
}
- (NSInteger)month:(NSDate *)date{
NSDateComponents *components = [[NSCalendar currentCalendar] components:(NSCalendarUnitMonth) fromDate:date];
return [components month];
}
- (NSInteger)year:(NSDate *)date{
NSDateComponents *components = [[NSCalendar currentCalendar] components:(NSCalendarUnitYear) fromDate:date];
return [components year];
}
- (NSInteger)weekDay:(NSDate *)date{
NSDateComponents *components = [[NSCalendar currentCalendar] components:(NSCalendarUnitWeekday) fromDate:date];
return [components weekday];
}
- (NSInteger)firstWeekdayInThisMonth:(NSDate *)date{
NSCalendar *calendar = [NSCalendar currentCalendar];
[calendar setFirstWeekday:1];//1.Sun. 2.Mon. 3.Thes. 4.Wed. 5.Thur. 6.Fri. 7.Sat.
NSDateComponents *comp = [calendar components:(NSCalendarUnitYear | NSCalendarUnitMonth | NSCalendarUnitDay) fromDate:date];
[comp setDay:1];
NSDate *firstDayOfMonthDate = [calendar dateFromComponents:comp];
NSUInteger firstWeekday = [calendar ordinalityOfUnit:NSCalendarUnitWeekday inUnit:NSCalendarUnitWeekOfMonth forDate:firstDayOfMonthDate];
return firstWeekday - 1;
}
- (NSInteger)totaldaysInThisMonth:(NSDate *)date{
NSRange totaldaysInMonth = [[NSCalendar currentCalendar] rangeOfUnit:NSCalendarUnitDay inUnit:NSCalendarUnitMonth forDate:date];
return totaldaysInMonth.length;
}
- (NSInteger)totaldaysInMonth:(NSDate *)date{
NSRange daysInLastMonth = [[NSCalendar currentCalendar] rangeOfUnit:NSCalendarUnitDay inUnit:NSCalendarUnitMonth forDate:date];
return daysInLastMonth.length;
}
- (NSDate *)lastMonth:(NSDate *)date{
NSDateComponents *dateComponents = [[NSDateComponents alloc] init];
dateComponents.month = -1;
NSDate *newDate = [[NSCalendar currentCalendar] dateByAddingComponents:dateComponents toDate:date options:0];
return newDate;
}
- (NSDate*)nextMonth:(NSDate *)date{
NSDateComponents *dateComponents = [[NSDateComponents alloc] init];
dateComponents.month = +1;
NSDate *newDate = [[NSCalendar currentCalendar] dateByAddingComponents:dateComponents toDate:date options:0];
return newDate;
}
#pragma -mark collectionView delegate
- (NSInteger)numberOfSectionsInCollectionView:(UICollectionView *)collectionView
{
return 2;
}
- (NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section
{
if (section == 0) {
return _weekDayArray.count;
} else {
return 42;
}
}
- (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath
{
YBCalendarCell *cell = [collectionView dequeueReusableCellWithReuseIdentifier:SZCalendarCellIdentifier forIndexPath:indexPath];
if (indexPath.section == 0) {
[cell.dateLabel setText:_weekDayArray[indexPath.row]];
[cell.dateLabel setTextColor:[UIColor colorWithHexString:@"#15cc9c"]];
} else {
NSInteger daysInThisMonth = [self totaldaysInMonth:_date];
NSInteger firstWeekday = [self firstWeekdayInThisMonth:_date];
NSInteger day = 0;
NSInteger i = indexPath.row;
if (i < firstWeekday) {
[cell.dateLabel setText:@""];
}else if (i > firstWeekday + daysInThisMonth - 1){
[cell.dateLabel setText:@""];
}else{
day = i - firstWeekday + 1;
if (day == 1) {
[cell.dateLabel setText:[NSString stringWithFormat:@"%ld月",[self month:_date]]];
[cell.dateLabel setTextColor:[UIColor colorWithHexString:@"#6f6f6f"]];
}else{
[cell.dateLabel setText:[NSString stringWithFormat:@"%ld",day]];
[cell.dateLabel setTextColor:[UIColor colorWithHexString:@"#6f6f6f"]];
}
//this month
if ([_today isEqualToDate:_date]) {
if (day == [self day:_date]) {
[cell.dateLabel setTextColor:[UIColor colorWithHexString:@"#4898eb"]];
cell.dateLabel.text = @"今天";
} else if (day > [self day:_date]) {
[cell.dateLabel setTextColor:[UIColor colorWithHexString:@"#cbcbcb"]];
}
} else if ([_today compare:_date] == NSOrderedAscending) {
[cell.dateLabel setTextColor:[UIColor colorWithHexString:@"#cbcbcb"]];
}
}
}
return cell;
}
- (BOOL)collectionView:(UICollectionView *)collectionView shouldSelectItemAtIndexPath:(NSIndexPath *)indexPath
{
if (indexPath.section == 1) {
NSInteger daysInThisMonth = [self totaldaysInMonth:_date];
NSInteger firstWeekday = [self firstWeekdayInThisMonth:_date];
NSInteger day = 0;
NSInteger i = indexPath.row;
if (i >= firstWeekday && i <= firstWeekday + daysInThisMonth - 1) {
day = i - firstWeekday + 1;
//this month
if ([_today isEqualToDate:_date]) {
if (day <= [self day:_date]) {
return YES;
}
} else if ([_today compare:_date] == NSOrderedDescending) {
return YES;
}
}
}
return NO;
}
- (void)collectionView:(UICollectionView *)collectionView didSelectItemAtIndexPath:(NSIndexPath *)indexPath
{
NSDateComponents *comp = [[NSCalendar currentCalendar] components:(NSCalendarUnitYear | NSCalendarUnitMonth | NSCalendarUnitDay | NSCalendarUnitWeekday) fromDate:self.date];
NSInteger firstWeekday = [self firstWeekdayInThisMonth:_date];
NSInteger day = 0;
NSInteger i = indexPath.row;
day = i - firstWeekday + 1;
NSString *weekDay = [self arabicNumeralsToChinese:i];
[_monthLabel setText:[NSString stringWithFormat:@"%ld-%ld-%ld-星期%@",[comp year],[comp month],day,weekDay]];
if (self.calendarBlock) {
self.calendarBlock(day, [comp month], [comp year]);
}
// [self hide];
}
- (IBAction)previouseAction:(UIButton *)sender
{
[UIView transitionWithView:self duration:0.5 options:UIViewAnimationOptionTransitionCurlDown animations:^(void) {
self.date = [self lastMonth:self.date];
} completion:nil];
}
- (IBAction)nexAction:(UIButton *)sender
{
[UIView transitionWithView:self duration:0.5 options:UIViewAnimationOptionTransitionCurlUp animations:^(void) {
self.date = [self nextMonth:self.date];
} completion:nil];
}
+ (instancetype)showOnView:(UIView *)view
{
SZCalendarPicker *calendarPicker = [[[NSBundle mainBundle] loadNibNamed:@"SZCalendarPicker" owner:self options:nil] firstObject];
calendarPicker.mask = [[UIView alloc] initWithFrame:view.bounds];
// calendarPicker.mask.backgroundColor = [UIColor blackColor];
calendarPicker.mask.alpha = 0.3;
[view addSubview:calendarPicker.mask];
[view addSubview:calendarPicker];
return calendarPicker;
}
- (void)show
{
self.transform = CGAffineTransformTranslate(self.transform, 0, - self.frame.size.height);
[UIView animateWithDuration:0.5 animations:^(void) {
self.transform = CGAffineTransformIdentity;
} completion:^(BOOL isFinished) {
[self customInterface];
}];
}
- (void)hide
{
[UIView animateWithDuration:0.5 animations:^(void) {
self.transform = CGAffineTransformTranslate(self.transform, 0, - self.frame.size.height);
self.mask.alpha = 0;
} completion:^(BOOL isFinished) {
[self.mask removeFromSuperview];
[self removeFromSuperview];
}];
}
- (void)addSwipe
{
UISwipeGestureRecognizer *swipLeft = [[UISwipeGestureRecognizer alloc] initWithTarget:self action:@selector(nexAction:)];
swipLeft.direction = UISwipeGestureRecognizerDirectionLeft;
[self addGestureRecognizer:swipLeft];
UISwipeGestureRecognizer *swipRight = [[UISwipeGestureRecognizer alloc] initWithTarget:self action:@selector(previouseAction:)];
swipRight.direction = UISwipeGestureRecognizerDirectionRight;
[self addGestureRecognizer:swipRight];
}
- (void)addTap
{
UITapGestureRecognizer *tap = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(hide)];
[self.mask addGestureRecognizer:tap];
}
@end
使用了xib
Previous Button
Next Button
Month Label
Collection View（Collection View Flow Layout）
YBCalendarCell.h
#import
@interface YBCalendarCell : UICollectionViewCell
@property (nonatomic , strong) UILabel *dateLabel;
@end
YBCalendarCell.m
#import "YBCalendarCell.h"
@implementation YBCalendarCell
- (UILabel *)dateLabel
{
if (!_dateLabel) {
_dateLabel = [[UILabel alloc] initWithFrame:self.bounds];
[_dateLabel setTextAlignment:NSTextAlignmentCenter];
[_dateLabel setFont:[UIFont systemFontOfSize:17]];
[self addSubview:_dateLabel];
}
return _dateLabel;
}
@end
YBCalendarViewController.m
#import "YBCalendarViewController.h"
#import "SZCalendarPicker.h"
@interface YBCalendarViewController ()
@property(nonatomic,strong)UIButton *btn;
@end
@implementation YBCalendarViewController
- (void)viewDidLoad {
[super viewDidLoad];
// Do any additional setup after loading the view.
self.view.backgroundColor = [UIColor blueColor];
[self settingBtn];
}
-(void)settingBtn {
UIButton *btn = [UIButton buttonWithType:UIButtonTypeCustom];
btn.frame = CGRectMake(self.view.width/2 - 50, 64, 100, 25);
btn.backgroundColor = [UIColor orangeColor];
[btn addTarget:self action:@selector(Click) forControlEvents:UIControlEventTouchUpInside];
[self.view addSubview:btn];
self.btn = btn;
}
-(void)Click {
SZCalendarPicker *calendarPicker = [SZCalendarPicker showOnView:self.view];
calendarPicker.today = [NSDate date];
calendarPicker.date = calendarPicker.today;
calendarPicker.frame = CGRectMake(0, 100, self.view.frame.size.width, 352);
calendarPicker.calendarBlock = ^(NSInteger day, NSInteger month, NSInteger year){
NSLog(@"%ld-%ld-%ld", year,month,day);
};
}
@end