iOS 簡(jiǎn)約日歷控件EBCalendarView的實(shí)現(xiàn)代碼
本文介紹了iOS 簡(jiǎn)約日歷控件EBCalendarView的實(shí)現(xiàn)代碼,分享給大家,具體如下:
EBCalendarView日歷控件,調(diào)用簡(jiǎn)單,代碼簡(jiǎn)潔。
github地址:https://github.com/woheduole/EBCalendarView
效果圖
調(diào)用示例
EBCalendarView *calendarView = [[EBCalendarView alloc] initWithFrame:CGRectMake(0, 64, CGRectGetWidth(self.view.bounds), 0)]; calendarView.delegate = self; //calendarView.maxLastMonths = 0; //calendarView.maxNextMonths = 0; [self.view addSubview:calendarView]; - (void)calendarView:(EBCalendarView*)calendarView didSelectedDate:(NSDate*)date { NSLog(@"選中日期:%@", [date stringWithFormat:@"yyyy-MM-dd"]); }
代碼目錄
思路
EBCalendarView
_collectionView = [[UICollectionView alloc] initWithFrame:CGRectZero collectionViewLayout:self.flowLayout]; _collectionView.dataSource = self; _collectionView.delegate = self; _collectionView.showsVerticalScrollIndicator = NO; _collectionView.showsHorizontalScrollIndicator = NO; _collectionView.backgroundColor = [UIColor whiteColor]; [_collectionView registerClass:[EBCalendarDayCell class] forCellWithReuseIdentifier:kEBCalendarViewReuseIdentifier];
通過(guò)UICollectionView控件去顯示日期數(shù)據(jù),設(shè)置UICollectionViewFlowLayout的itemSize,高度可以固定,寬度就是用視圖的總寬度去除以7。
// 小數(shù)向上取整 NSInteger rows = ceilf(_dates.count / kEBCalendarViewCellColumn); self.frame = ({ CGRect frame = self.frame; frame.size.height = kEBCalendarViewWeekViewHeight + kEBCalenderNavigationViewHeight + (rows * kEBCalendarViewCellHeight); frame; });
切換月份的時(shí)候,由于每月的1號(hào)所在星期是不一致的,會(huì)導(dǎo)致行數(shù)不一樣,比如一個(gè)月是31天,它的1號(hào)是星期日,這時(shí)候日期會(huì)有6行,如果它的1號(hào)是星期一,那么它會(huì)顯示5行,這里會(huì)根據(jù)行數(shù)去動(dòng)態(tài)的改變其高度。
- (NSDate *)dateByAddingMonths:(NSInteger)months { NSCalendar *calendar = [NSCalendar currentCalendar]; NSDateComponents *components = [[NSDateComponents alloc] init]; [components setMonth:months]; return [calendar dateByAddingComponents:components toDate:self options:0]; }
月份在累加或累減的時(shí)候,通過(guò)NSCalendar類(lèi)直接增加月數(shù),這樣就不用自己去處理2018-12點(diǎn)擊下個(gè)月切換到2019-01或者2019-01點(diǎn)擊上個(gè)月切換到2018-12的操作了。
EBCalendarModel 數(shù)據(jù)模型
@property (nonatomic, assign) NSInteger year; @property (nonatomic, assign) NSInteger month; @property (nonatomic, assign) NSInteger day; // 記錄選中狀態(tài) @property (nonatomic, assign, getter=isSelected) BOOL selected; // 是否為當(dāng)天 @property (nonatomic, assign, getter=isToday) BOOL today; // 將year,month,day轉(zhuǎn)換成NSDate @property (nonatomic, strong, readonly) NSDate *date; - (NSDate*)date { if (_year == 0 || _month == 0 || _day == 0) { return nil; } return [NSDate dateWithString:[NSString stringWithFormat:@"%zd-%zd-%zd" , _year , _month , _day] format:@"yyyy-MM-dd"]; }
EBCalenderWeekView 周視圖
- (void)layoutSubviews { [super layoutSubviews]; [self createWeekView]; } - (void)setWeeks:(NSArray *)weeks { _weeks = weeks; [self createWeekView]; } - (void)createWeekView { CGFloat viewWidth = CGRectGetWidth(self.bounds) , viewHeight = CGRectGetHeight(self.bounds); if (_weeks.count == 0 || viewHeight == 0) return; [self.subviews makeObjectsPerformSelector:@selector(removeFromSuperview)]; NSInteger weekCount = _weeks.count; CGFloat weekWidth = viewWidth / weekCount; for (int n = 0; n < weekCount; n ++ ) { NSString *week = _weeks[n]; UILabel *weekLabel = [[UILabel alloc] initWithFrame:CGRectMake(weekWidth * n, 0, weekWidth, viewHeight)]; weekLabel.font = [UIFont systemFontOfSize:14]; weekLabel.textColor = [UIColor colorWithHexString:@"333333"]; weekLabel.textAlignment = NSTextAlignmentCenter; weekLabel.text = week; [self addSubview:weekLabel]; } }
根據(jù)傳入的參數(shù)weeks動(dòng)態(tài)添加UILabel顯示周數(shù)據(jù)。
EBCalenderNavigationView 月份導(dǎo)航視圖
- (void)changeMonthAction:(UIButton*)button { BOOL isNextMonth = NO; if ([button isEqual:_nextMonthButton]) { // 下個(gè)月 isNextMonth = YES; } if ([self.delegate respondsToSelector:@selector(calenderNavigationViewDidChangeMonth:isNextMonth:)]) { [self.delegate calenderNavigationViewDidChangeMonth:self isNextMonth:isNextMonth]; } }
這里面主要就顯示左右箭頭和中間的年月顯示,左右箭頭是兩個(gè)UIButton,在點(diǎn)擊它們的時(shí)候通過(guò)代理把動(dòng)作給傳到EBCalendarView視圖。
UIColor+EBAdd 顏色輔助類(lèi)
+ (UIColor *)colorWithHexString:(NSString *)hexString { NSScanner *scanner = [NSScanner scannerWithString:hexString]; unsigned hexNum; if (![scanner scanHexInt:&hexNum]) return nil; return [UIColor colorWithRGBHex:hexNum]; } + (UIColor *)colorWithRGBHex:(UInt32)hex { int r = (hex >> 16) & 0xFF; int g = (hex >> 8) & 0xFF; int b = (hex) & 0xFF; return [UIColor colorWithRed:r / 255.0f green:g / 255.0f blue:b / 255.0f alpha:1.0f]; }
代碼中顏色都是用的16進(jìn)制的顏色值,純屬個(gè)人習(xí)慣。
NSDate+EBAdd 日期輔助類(lèi)
// 該方法來(lái)源自YYKit - (NSInteger)year; // 該方法來(lái)源自YYKit - (NSInteger)month; // 該方法來(lái)源自YYKit - (NSInteger)day; // 該方法來(lái)源自YYKit - (NSInteger)weekday; // 該方法來(lái)源自YYKit - (BOOL)isToday; // 當(dāng)前月有多少天 - (NSUInteger)numberOfDaysInMonth; // 該方法來(lái)源自YYKit - (NSString *)stringWithFormat:(NSString *)format; // 該方法來(lái)源自YYKit - (NSDate *)dateByAddingMonths:(NSInteger)months; // 該方法來(lái)源自YYKit + (NSDate *)dateWithString:(NSString *)dateString format:(NSString *)format;
小結(jié):UICollectionView很強(qiáng)大的一個(gè)控件,通過(guò)UICollectionViewFlowLayout去重寫(xiě)布局,可以實(shí)現(xiàn)很多酷炫的功能。這里的日歷控件只是設(shè)置了item的寬高,屬于很基礎(chǔ)的使用。其中需要注意兩點(diǎn):1.每個(gè)月的1號(hào)是屬于周幾,然后去設(shè)置它的起始位置;2.每個(gè)月有多少天。app類(lèi)型不一樣也會(huì)導(dǎo)致日歷控件實(shí)際呈現(xiàn)方式不一樣,基本邏輯都一樣,無(wú)非就是一些細(xì)微的控制。
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
iOS實(shí)現(xiàn)視頻下載并自動(dòng)保存到相冊(cè)功能
這篇文章主要為大家詳細(xì)介紹了ios 視頻下載功能實(shí)現(xiàn),并自動(dòng)保存到相冊(cè),文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-02-02iOS使用 CABasicAnimation 實(shí)現(xiàn)簡(jiǎn)單的跑馬燈(無(wú)cpu暴漲)
本篇文章主要介紹了iOS使用 CABasicAnimation 實(shí)現(xiàn)簡(jiǎn)單的跑馬燈(無(wú)cpu暴漲),具有一定的參考價(jià)值,有興趣的可以了解一下。2017-01-01IOS Swift 開(kāi)發(fā)QRCore(二維碼)實(shí)例詳解
這篇文章主要介紹了IOS Swift 開(kāi)發(fā)QRCore(二維碼)實(shí)例詳解的相關(guān)資料,這里對(duì)開(kāi)發(fā)二維碼進(jìn)行了詳細(xì)介紹,需要的朋友可以參考下2016-12-12IOS中自定義類(lèi)中限制使用原生實(shí)例化方法
這篇文章主要介紹了IOS中自定義類(lèi)中限制使用原生實(shí)例化方法的相關(guān)資料,需要的朋友可以參考下2017-09-09IOS 開(kāi)發(fā)之對(duì)象為空的判斷(nil、null)詳解
這篇文章主要介紹了IOS 開(kāi)發(fā)之對(duì)象為空的判斷(nil、null)詳解的相關(guān)資料,需要的朋友可以參考下2017-02-02iPhone/iPad開(kāi)發(fā)通過(guò)LocalNotification實(shí)現(xiàn)iOS定時(shí)本地推送功能
這篇文章主要介紹了iPhone/iPad開(kāi)發(fā)之通過(guò)LocalNotification實(shí)現(xiàn)iOS定時(shí)本地推送功能,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-09-09如何用IOS調(diào)用WebService(SOAP接口)
這篇文章主要介紹了如何用IOS調(diào)用WebService(SOAP接口),需要的朋友可以參考下2015-07-07iOS實(shí)現(xiàn)無(wú)限滑動(dòng)效果
這篇文章主要為大家詳細(xì)介紹了iOS實(shí)現(xiàn)無(wú)限滑動(dòng)效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-03-03iOS逆向教程之動(dòng)態(tài)調(diào)試詳解
這篇文章主要給大家介紹了關(guān)于iOS逆向教程之動(dòng)態(tài)調(diào)試的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2018-06-06