// // JSDropDownMenu.m // JSDropDownMenu // // Created by Jsfu on 15-1-12. // Copyright (c) 2015年 jsfu. All rights reserved. // #import "JSDropDownMenu.h" #define BackColor [UIColor colorWithRed:244.0f/255.0f green:244.0f/255.0f blue:244.0f/255.0f alpha:1.0] // 选中颜色加深 #define SelectColor [UIColor colorWithRed:238.0f/255.0f green:238.0f/255.0f blue:238.0f/255.0f alpha:1.0] @interface NSString (Size) - (CGSize)textSizeWithFont:(UIFont *)font constrainedToSize:(CGSize)size lineBreakMode:(NSLineBreakMode)lineBreakMode; @end @implementation NSString (Size) - (CGSize)textSizeWithFont:(UIFont *)font constrainedToSize:(CGSize)size lineBreakMode:(NSLineBreakMode)lineBreakMode { CGSize textSize; if (CGSizeEqualToSize(size, CGSizeZero)) { NSDictionary *attributes = [NSDictionary dictionaryWithObject:font forKey:NSFontAttributeName]; textSize = [self sizeWithAttributes:attributes]; } else { NSStringDrawingOptions option = NSStringDrawingTruncatesLastVisibleLine | NSStringDrawingUsesLineFragmentOrigin | NSStringDrawingUsesFontLeading; //NSStringDrawingTruncatesLastVisibleLine如果文本内容超出指定的矩形限制，文本将被截去并在最后一个字符后加上省略号。 如果指定了NSStringDrawingUsesLineFragmentOrigin选项，则该选项被忽略 NSStringDrawingUsesFontLeading计算行高时使用行间距。（字体大小+行间距=行高） NSDictionary *attributes = [NSDictionary dictionaryWithObject:font forKey:NSFontAttributeName]; CGRect rect = [self boundingRectWithSize:size options:option attributes:attributes context:nil]; textSize = rect.size; } return textSize; } @end @interface JSCollectionViewCell:UICollectionViewCell @property(nonatomic,strong) UILabel *textLabel; @property(nonatomic,strong) UIImageView *accessoryView; -(void)removeAccessoryView; @end @implementation JSCollectionViewCell -(instancetype)initWithFrame:(CGRect)frame{ self = [super initWithFrame:frame]; if (self) { _textLabel = [[UILabel alloc] initWithFrame:CGRectMake(0, 0, frame.size.width, frame.size.height)]; _textLabel.textAlignment = NSTextAlignmentCenter; [self addSubview:_textLabel]; } return self; } -(void)setAccessoryView:(UIImageView *)accessoryView{ [self removeAccessoryView]; _accessoryView = accessoryView; _accessoryView.frame = CGRectMake(self.frame.size.width-10-16, (self.frame.size.height-12)/2, 16, 12); [self addSubview:_accessoryView]; } -(void)removeAccessoryView{ if(_accessoryView){ [_accessoryView removeFromSuperview]; } } @end @interface JSTableViewCell : UITableViewCell @property(nonatomic,readonly) UILabel *cellTextLabel; @property(nonatomic,strong) UIImageView *cellAccessoryView; -(void)setCellText:(NSString *)text align:(NSString*)align; @end @implementation JSTableViewCell - (id)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier { self = [super initWithStyle:style reuseIdentifier:reuseIdentifier]; if (self) { // Initialization code _cellTextLabel = [[UILabel alloc] init]; _cellTextLabel.textAlignment = NSTextAlignmentCenter; _cellTextLabel.font = [UIFont systemFontOfSize:14.0f]; [self addSubview:_cellTextLabel]; } return self; } -(void)setCellText:(NSString *)text align:(NSString*)align{ _cellTextLabel.text = text; // 只取宽度 CGSize textSize = [text textSizeWithFont:[UIFont systemFontOfSize:14.0f] constrainedToSize:CGSizeMake(MAXFLOAT, 14) lineBreakMode:NSLineBreakByWordWrapping]; // CGSize textSize = [text sizeWithFont:[UIFont systemFontOfSize:14.0f] constrainedToSize:CGSizeMake(MAXFLOAT, 14)]; CGFloat marginX = 20; if (![@"left" isEqualToString:align]) { marginX = (self.frame.size.width-textSize.width)/2; } _cellTextLabel.frame = CGRectMake(marginX, 0, textSize.width, self.frame.size.height); if(_cellAccessoryView){ _cellAccessoryView.frame = CGRectMake(_cellTextLabel.frame.origin.x+_cellTextLabel.frame.size.width+10, (self.frame.size.height-12)/2, 16, 12); } } -(void)setCellAccessoryView:(UIImageView *)accessoryView{ if (_cellAccessoryView) { [_cellAccessoryView removeFromSuperview]; } _cellAccessoryView = accessoryView; _cellAccessoryView.frame = CGRectMake(_cellTextLabel.frame.origin.x+_cellTextLabel.frame.size.width+10, (self.frame.size.height-12)/2, 16, 12); [self addSubview:_cellAccessoryView]; } @end @implementation JSIndexPath - (instancetype)initWithColumn:(NSInteger)column leftOrRight:(NSInteger)leftOrRight leftRow:(NSInteger)leftRow row:(NSInteger)row { self = [super init]; if (self) { _column = column; _leftOrRight = leftOrRight; _leftRow = leftRow; _row = row; } return self; } + (instancetype)indexPathWithCol:(NSInteger)col leftOrRight:(NSInteger)leftOrRight leftRow:(NSInteger)leftRow row:(NSInteger)row { JSIndexPath *indexPath = [[self alloc] initWithColumn:col leftOrRight:leftOrRight leftRow:leftRow row:row]; return indexPath; } @end #pragma mark - menu implementation @interface JSDropDownMenu () @property (nonatomic, assign) NSInteger currentSelectedMenudIndex; @property (nonatomic, assign) BOOL show; @property (nonatomic, assign) NSInteger numOfMenu; @property (nonatomic, assign) CGPoint origin; @property (nonatomic, strong) UIView *backGroundView; @property (nonatomic, strong) UIView *bottomShadow; @property (nonatomic, strong) UITableView *leftTableView; @property (nonatomic, strong) UITableView *rightTableView; @property (nonatomic, strong) UICollectionView *collectionView; //data source @property (nonatomic, copy) NSArray *array; //layers array @property (nonatomic, copy) NSArray *titles; @property (nonatomic, copy) NSArray *indicators; @property (nonatomic, copy) NSArray *bgLayers; @property (nonatomic, assign) NSInteger leftSelectedRow; @property (nonatomic, assign) BOOL hadSelected; @end @implementation JSDropDownMenu #pragma mark - getter - (UIColor *)indicatorColor { if (!_indicatorColor) { _indicatorColor = [UIColor blackColor]; } return _indicatorColor; } - (UIColor *)textColor { if (!_textColor) { _textColor = [UIColor blackColor]; } return _textColor; } - (UIColor *)separatorColor { if (!_separatorColor) { _separatorColor = [UIColor blackColor]; } return _separatorColor; } - (NSString *)titleForRowAtIndexPath:(JSIndexPath *)indexPath { return [self.dataSource menu:self titleForRowAtIndexPath:indexPath]; } #pragma mark - setter - (void)setDataSource:(id)dataSource { _dataSource = dataSource; //configure view if ([_dataSource respondsToSelector:@selector(numberOfColumnsInMenu:)]) { _numOfMenu = [_dataSource numberOfColumnsInMenu:self]; } else { _numOfMenu = 1; } CGFloat textLayerInterval = self.frame.size.width / ( _numOfMenu * 2); CGFloat separatorLineInterval = self.frame.size.width / _numOfMenu; CGFloat bgLayerInterval = self.frame.size.width / _numOfMenu; NSMutableArray *tempTitles = [[NSMutableArray alloc] initWithCapacity:_numOfMenu]; NSMutableArray *tempIndicators = [[NSMutableArray alloc] initWithCapacity:_numOfMenu]; NSMutableArray *tempBgLayers = [[NSMutableArray alloc] initWithCapacity:_numOfMenu]; for (int i = 0; i < _numOfMenu; i++) { //bgLayer CGPoint bgLayerPosition = CGPointMake((i+0.5)*bgLayerInterval, self.frame.size.height/2); CALayer *bgLayer = [self createBgLayerWithColor:BackColor andPosition:bgLayerPosition]; [self.layer addSublayer:bgLayer]; [tempBgLayers addObject:bgLayer]; //title CGPoint titlePosition = CGPointMake( (i * 2 + 1) * textLayerInterval , self.frame.size.height / 2); NSString *titleString = [_dataSource menu:self titleForColumn:i]; CATextLayer *title = [self createTextLayerWithNSString:titleString withColor:self.textColor andPosition:titlePosition]; [self.layer addSublayer:title]; [tempTitles addObject:title]; //indicator CAShapeLayer *indicator = [self createIndicatorWithColor:self.indicatorColor andPosition:CGPointMake(titlePosition.x + title.bounds.size.width / 2 + 8, self.frame.size.height / 2)]; [self.layer addSublayer:indicator]; [tempIndicators addObject:indicator]; //separator if (i != _numOfMenu - 1) { CGPoint separatorPosition = CGPointMake((i + 1) * separatorLineInterval, self.frame.size.height/2); CAShapeLayer *separator = [self createSeparatorLineWithColor:self.separatorColor andPosition:separatorPosition]; [self.layer addSublayer:separator]; } } _bottomShadow.backgroundColor = self.separatorColor; _titles = [tempTitles copy]; _indicators = [tempIndicators copy]; _bgLayers = [tempBgLayers copy]; } #pragma mark - init method - (instancetype)initWithOrigin:(CGPoint)origin andHeight:(CGFloat)height{ CGSize screenSize = [UIScreen mainScreen].bounds.size; self = [self initWithFrame:CGRectMake(origin.x, origin.y, screenSize.width, height)]; if (self) { _origin = origin; _currentSelectedMenudIndex = -1; _show = NO; _hadSelected = NO; //tableView init _leftTableView = [[UITableView alloc] initWithFrame:CGRectMake(origin.x, self.frame.origin.y + self.frame.size.height, 0, 0) style:UITableViewStyleGrouped]; _leftTableView.rowHeight = 38; _leftTableView.separatorColor = [UIColor colorWithRed:220.f/255.0f green:220.f/255.0f blue:220.f/255.0f alpha:1.0]; _leftTableView.dataSource = self; _leftTableView.delegate = self; _leftTableView.hidden = NO; _rightTableView = [[UITableView alloc] initWithFrame:CGRectMake(self.frame.size.width, self.frame.origin.y + self.frame.size.height, 0, 0) style:UITableViewStyleGrouped]; _rightTableView.rowHeight = 38; _rightTableView.separatorColor = [UIColor colorWithRed:220.f/255.0f green:220.f/255.0f blue:220.f/255.0f alpha:1.0]; _rightTableView.dataSource = self; _rightTableView.delegate = self; _rightTableView.hidden = NO; UICollectionViewFlowLayout *flowLayout=[[UICollectionViewFlowLayout alloc] init]; flowLayout.minimumInteritemSpacing = 0; _collectionView = [[UICollectionView alloc] initWithFrame:CGRectMake(origin.x, self.frame.origin.y + self.frame.size.height, self.frame.size.width, 0) collectionViewLayout:flowLayout]; [_collectionView registerClass:[JSCollectionViewCell class] forCellWithReuseIdentifier:@"CollectionCell"]; _collectionView.backgroundColor = [UIColor colorWithRed:220.f/255.0f green:220.f/255.0f blue:220.f/255.0f alpha:1.0]; _collectionView.dataSource = self; _collectionView.delegate = self; self.autoresizesSubviews = NO; _leftTableView.autoresizesSubviews = NO; _rightTableView.autoresizesSubviews = NO; _collectionView.autoresizesSubviews = NO; //self tapped self.backgroundColor = [UIColor whiteColor]; UIGestureRecognizer *tapGesture = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(menuTapped:)]; [self addGestureRecognizer:tapGesture]; //background init and tapped _backGroundView = [[UIView alloc] initWithFrame:CGRectMake(origin.x, origin.y, screenSize.width, screenSize.height)]; _backGroundView.backgroundColor = [UIColor colorWithWhite:0.0 alpha:0.0]; _backGroundView.opaque = NO; UIGestureRecognizer *gesture = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(backgroundTapped:)]; [_backGroundView addGestureRecognizer:gesture]; //add bottom shadow _bottomShadow = [[UIView alloc] initWithFrame:CGRectMake(0, self.frame.size.height-0.5, screenSize.width, 0.5)]; [self addSubview:_bottomShadow]; } return self; } #pragma mark - init support - (CALayer *)createBgLayerWithColor:(UIColor *)color andPosition:(CGPoint)position { CALayer *layer = [CALayer layer]; layer.position = position; layer.bounds = CGRectMake(0, 0, self.frame.size.width/self.numOfMenu, self.frame.size.height-1); layer.backgroundColor = color.CGColor; return layer; } - (CAShapeLayer *)createIndicatorWithColor:(UIColor *)color andPosition:(CGPoint)point { CAShapeLayer *layer = [CAShapeLayer new]; UIBezierPath *path = [UIBezierPath new]; [path moveToPoint:CGPointMake(0, 0)]; [path addLineToPoint:CGPointMake(8, 0)]; [path addLineToPoint:CGPointMake(4, 5)]; [path closePath]; layer.path = path.CGPath; layer.lineWidth = 1.0; layer.fillColor = color.CGColor; CGPathRef bound = CGPathCreateCopyByStrokingPath(layer.path, nil, layer.lineWidth, kCGLineCapButt, kCGLineJoinMiter, layer.miterLimit); layer.bounds = CGPathGetBoundingBox(bound); CGPathRelease(bound); layer.position = point; return layer; } - (CAShapeLayer *)createSeparatorLineWithColor:(UIColor *)color andPosition:(CGPoint)point { CAShapeLayer *layer = [CAShapeLayer new]; UIBezierPath *path = [UIBezierPath new]; [path moveToPoint:CGPointMake(160,0)]; [path addLineToPoint:CGPointMake(160, self.frame.size.height)]; layer.path = path.CGPath; layer.lineWidth = 1.0; layer.strokeColor = color.CGColor; CGPathRef bound = CGPathCreateCopyByStrokingPath(layer.path, nil, layer.lineWidth, kCGLineCapButt, kCGLineJoinMiter, layer.miterLimit); layer.bounds = CGPathGetBoundingBox(bound); CGPathRelease(bound); layer.position = point; return layer; } - (CATextLayer *)createTextLayerWithNSString:(NSString *)string withColor:(UIColor *)color andPosition:(CGPoint)point { CGSize size = [self calculateTitleSizeWithString:string]; CATextLayer *layer = [CATextLayer new]; CGFloat sizeWidth = (size.width < (self.frame.size.width / _numOfMenu) - 25) ? size.width : self.frame.size.width / _numOfMenu - 25; layer.bounds = CGRectMake(0, 0, sizeWidth, size.height); layer.string = string; layer.fontSize = 14.0; layer.alignmentMode = kCAAlignmentCenter; layer.foregroundColor = color.CGColor; layer.contentsScale = [[UIScreen mainScreen] scale]; layer.position = point; return layer; } - (CGSize)calculateTitleSizeWithString:(NSString *)string { CGFloat fontSize = 14.0; NSDictionary *dic = @{NSFontAttributeName: [UIFont systemFontOfSize:fontSize]}; CGSize size = [string boundingRectWithSize:CGSizeMake(280, 0) options:NSStringDrawingTruncatesLastVisibleLine | NSStringDrawingUsesLineFragmentOrigin | NSStringDrawingUsesFontLeading attributes:dic context:nil].size; return size; } #pragma mark - gesture handle - (void)menuTapped:(UITapGestureRecognizer *)paramSender { CGPoint touchPoint = [paramSender locationInView:self]; //calculate index NSInteger tapIndex = touchPoint.x / (self.frame.size.width / _numOfMenu); for (int i = 0; i < _numOfMenu; i++) { if (i != tapIndex) { [self animateIndicator:_indicators[i] Forward:NO complete:^{ [self animateTitle:_titles[i] show:NO complete:^{ }]; }]; [(CALayer *)self.bgLayers[i] setBackgroundColor:BackColor.CGColor]; } } BOOL displayByCollectionView = NO; if ([_dataSource respondsToSelector:@selector(displayByCollectionViewInColumn:)]) { displayByCollectionView = [_dataSource displayByCollectionViewInColumn:tapIndex]; } if (displayByCollectionView) { UICollectionView *collectionView = _collectionView; if (tapIndex == _currentSelectedMenudIndex && _show) { [self animateIdicator:_indicators[_currentSelectedMenudIndex] background:_backGroundView collectionView:collectionView title:_titles[_currentSelectedMenudIndex] forward:NO complecte:^{ _currentSelectedMenudIndex = tapIndex; _show = NO; }]; [(CALayer *)self.bgLayers[tapIndex] setBackgroundColor:BackColor.CGColor]; } else { _currentSelectedMenudIndex = tapIndex; [_collectionView reloadData]; if (_currentSelectedMenudIndex!=-1) { // 需要隐藏tableview [self animateLeftTableView:_leftTableView rightTableView:_rightTableView show:NO complete:^{ [self animateIdicator:_indicators[tapIndex] background:_backGroundView collectionView:collectionView title:_titles[tapIndex] forward:YES complecte:^{ _show = YES; }]; }]; } else { [self animateIdicator:_indicators[tapIndex] background:_backGroundView collectionView:collectionView title:_titles[tapIndex] forward:YES complecte:^{ _show = YES; }]; } [(CALayer *)self.bgLayers[tapIndex] setBackgroundColor:SelectColor.CGColor]; } } else { BOOL haveRightTableView = [_dataSource haveRightTableViewInColumn:tapIndex]; // UITableView *leftTableView = _leftTableView; UITableView *rightTableView = nil; if (haveRightTableView) { rightTableView = _rightTableView; // 修改左右tableview显示比例 } if (tapIndex == _currentSelectedMenudIndex && _show) { [self animateIdicator:_indicators[_currentSelectedMenudIndex] background:_backGroundView leftTableView:_leftTableView rightTableView:_rightTableView title:_titles[_currentSelectedMenudIndex] forward:NO complecte:^{ _currentSelectedMenudIndex = tapIndex; _show = NO; }]; [(CALayer *)self.bgLayers[tapIndex] setBackgroundColor:BackColor.CGColor]; } else { _hadSelected = NO; _currentSelectedMenudIndex = tapIndex; if ([_dataSource respondsToSelector:@selector(currentLeftSelectedRow:)]) { _leftSelectedRow = [_dataSource currentLeftSelectedRow:_currentSelectedMenudIndex]; } if (rightTableView) { [rightTableView reloadData]; } [_leftTableView reloadData]; CGFloat ratio = [_dataSource widthRatioOfLeftColumn:_currentSelectedMenudIndex]; if (_leftTableView) { _leftTableView.frame = CGRectMake(_leftTableView.frame.origin.x, self.frame.origin.y + self.frame.size.height, self.frame.size.width*ratio, 0); } if (_rightTableView) { _rightTableView.frame = CGRectMake(_origin.x+_leftTableView.frame.size.width, self.frame.origin.y + self.frame.size.height, self.frame.size.width*(1-ratio), 0); } if (_currentSelectedMenudIndex!=-1) { // 需要隐藏collectionview [self animateCollectionView:_collectionView show:NO complete:^{ [self animateIdicator:_indicators[tapIndex] background:_backGroundView leftTableView:_leftTableView rightTableView:_rightTableView title:_titles[tapIndex] forward:YES complecte:^{ _show = YES; }]; }]; } else { [self animateIdicator:_indicators[tapIndex] background:_backGroundView leftTableView:_leftTableView rightTableView:_rightTableView title:_titles[tapIndex] forward:YES complecte:^{ _show = YES; }]; } [(CALayer *)self.bgLayers[tapIndex] setBackgroundColor:SelectColor.CGColor]; } } } - (void)backgroundTapped:(UITapGestureRecognizer *)paramSender { BOOL displayByCollectionView = NO; if ([_dataSource respondsToSelector:@selector(displayByCollectionViewInColumn:)]) { displayByCollectionView = [_dataSource displayByCollectionViewInColumn:_currentSelectedMenudIndex]; } if (displayByCollectionView) { [self animateIdicator:_indicators[_currentSelectedMenudIndex] background:_backGroundView collectionView:_collectionView title:_titles[_currentSelectedMenudIndex] forward:NO complecte:^{ _show = NO; }]; } else { [self animateIdicator:_indicators[_currentSelectedMenudIndex] background:_backGroundView leftTableView:_leftTableView rightTableView:_rightTableView title:_titles[_currentSelectedMenudIndex] forward:NO complecte:^{ _show = NO; }]; } [(CALayer *)self.bgLayers[_currentSelectedMenudIndex] setBackgroundColor:BackColor.CGColor]; } #pragma mark - animation method - (void)animateIndicator:(CAShapeLayer *)indicator Forward:(BOOL)forward complete:(void(^)())complete { [CATransaction begin]; [CATransaction setAnimationDuration:0.25]; [CATransaction setAnimationTimingFunction:[CAMediaTimingFunction functionWithControlPoints:0.4 :0.0 :0.2 :1.0]]; CAKeyframeAnimation *anim = [CAKeyframeAnimation animationWithKeyPath:@"transform.rotation"]; anim.values = forward ? @[ @0, @(M_PI) ] : @[ @(M_PI), @0 ]; if (!anim.removedOnCompletion) { [indicator addAnimation:anim forKey:anim.keyPath]; } else { [indicator addAnimation:anim forKey:anim.keyPath]; [indicator setValue:anim.values.lastObject forKeyPath:anim.keyPath]; } [CATransaction commit]; complete(); } - (void)animateBackGroundView:(UIView *)view show:(BOOL)show complete:(void(^)())complete { if (show) { [self.superview addSubview:view]; [view.superview addSubview:self]; [UIView animateWithDuration:0.2 animations:^{ view.backgroundColor = [UIColor colorWithWhite:0.0 alpha:0.3]; }]; } else { [UIView animateWithDuration:0.2 animations:^{ view.backgroundColor = [UIColor colorWithWhite:0.0 alpha:0.0]; } completion:^(BOOL finished) { [view removeFromSuperview]; }]; } complete(); } /** *动画显示下拉菜单 */ - (void)animateLeftTableView:(UITableView *)leftTableView rightTableView:(UITableView *)rightTableView show:(BOOL)show complete:(void(^)())complete { CGFloat ratio = [_dataSource widthRatioOfLeftColumn:_currentSelectedMenudIndex]; if (show) { CGFloat leftTableViewHeight = 0; CGFloat rightTableViewHeight = 0; if (leftTableView) { leftTableView.frame = CGRectMake(_origin.x, self.frame.origin.y + self.frame.size.height, self.frame.size.width*ratio, 0); [self.superview addSubview:leftTableView]; leftTableViewHeight = ([leftTableView numberOfRowsInSection:0] > 5) ? (5 * leftTableView.rowHeight) : ([leftTableView numberOfRowsInSection:0] * leftTableView.rowHeight); } if (rightTableView) { rightTableView.frame = CGRectMake(_origin.x+leftTableView.frame.size.width, self.frame.origin.y + self.frame.size.height, self.frame.size.width*(1-ratio), 0); [self.superview addSubview:rightTableView]; rightTableViewHeight = ([rightTableView numberOfRowsInSection:0] > 5) ? (5 * rightTableView.rowHeight) : ([rightTableView numberOfRowsInSection:0] * rightTableView.rowHeight); } CGFloat tableViewHeight = MAX(leftTableViewHeight, rightTableViewHeight); [UIView animateWithDuration:0.2 animations:^{ if (leftTableView) { leftTableView.frame = CGRectMake(_origin.x, self.frame.origin.y + self.frame.size.height, self.frame.size.width*ratio, tableViewHeight); } if (rightTableView) { rightTableView.frame = CGRectMake(_origin.x+leftTableView.frame.size.width, self.frame.origin.y + self.frame.size.height, self.frame.size.width*(1-ratio), tableViewHeight); } }]; } else { [UIView animateWithDuration:0.2 animations:^{ if (leftTableView) { leftTableView.frame = CGRectMake(_origin.x, self.frame.origin.y + self.frame.size.height, self.frame.size.width*ratio, 0); } if (rightTableView) { rightTableView.frame = CGRectMake(_origin.x+leftTableView.frame.size.width, self.frame.origin.y + self.frame.size.height, self.frame.size.width*(1-ratio), 0); } } completion:^(BOOL finished) { if (leftTableView) { [leftTableView removeFromSuperview]; } if (rightTableView) { [rightTableView removeFromSuperview]; } }]; } complete(); } /** *动画显示下拉菜单 */ - (void)animateCollectionView:(UICollectionView *)collectionView show:(BOOL)show complete:(void(^)())complete { if (show) { CGFloat collectionViewHeight = 0; if (collectionView) { collectionView.frame = CGRectMake(_origin.x, self.frame.origin.y + self.frame.size.height, self.frame.size.width, 0); [self.superview addSubview:collectionView]; collectionViewHeight = ([collectionView numberOfItemsInSection:0] > 10) ? (5 * 38) : (ceil([collectionView numberOfItemsInSection:0]/2) * 38); } [UIView animateWithDuration:0.2 animations:^{ if (collectionView) { collectionView.frame = CGRectMake(_origin.x, self.frame.origin.y + self.frame.size.height, self.frame.size.width, collectionViewHeight); } }]; } else { [UIView animateWithDuration:0.2 animations:^{ if (collectionView) { collectionView.frame = CGRectMake(_origin.x, self.frame.origin.y + self.frame.size.height, self.frame.size.width, 0); } } completion:^(BOOL finished) { if (collectionView) { [collectionView removeFromSuperview]; } }]; } complete(); } - (void)animateTitle:(CATextLayer *)title show:(BOOL)show complete:(void(^)())complete { CGSize size = [self calculateTitleSizeWithString:title.string]; CGFloat sizeWidth = (size.width < (self.frame.size.width / _numOfMenu) - 25) ? size.width : self.frame.size.width / _numOfMenu - 25; title.bounds = CGRectMake(0, 0, sizeWidth, size.height); complete(); } - (void)animateIdicator:(CAShapeLayer *)indicator background:(UIView *)background leftTableView:(UITableView *)leftTableView rightTableView:(UITableView *)rightTableView title:(CATextLayer *)title forward:(BOOL)forward complecte:(void(^)())complete{ [self animateIndicator:indicator Forward:forward complete:^{ [self animateTitle:title show:forward complete:^{ [self animateBackGroundView:background show:forward complete:^{ [self animateLeftTableView:leftTableView rightTableView:rightTableView show:forward complete:^{ }]; }]; }]; }]; complete(); } - (void)animateIdicator:(CAShapeLayer *)indicator background:(UIView *)background collectionView:(UICollectionView *)collectionView title:(CATextLayer *)title forward:(BOOL)forward complecte:(void(^)())complete{ [self animateIndicator:indicator Forward:forward complete:^{ [self animateTitle:title show:forward complete:^{ [self animateBackGroundView:background show:forward complete:^{ [self animateCollectionView:collectionView show:forward complete:^{ }]; }]; }]; }]; complete(); } #pragma mark - table datasource - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section { NSInteger leftOrRight = 0; if (_rightTableView==tableView) { leftOrRight = 1; } NSAssert(self.dataSource != nil, @"menu's dataSource shouldn't be nil"); if ([self.dataSource respondsToSelector:@selector(menu:numberOfRowsInColumn:leftOrRight: leftRow:)]) { return [self.dataSource menu:self numberOfRowsInColumn:self.currentSelectedMenudIndex leftOrRight:leftOrRight leftRow:_leftSelectedRow]; } else { NSAssert(0 == 1, @"required method of dataSource protocol should be implemented"); return 0; } } -(CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section{ return 0.1; } -(CGFloat)tableView:(UITableView *)tableView heightForFooterInSection:(NSInteger)section{ return 0.1; } - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath { static NSString *identifier = @"DropDownMenuCell"; UITableViewCell *cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:identifier]; cell.selectedBackgroundView = [[UIView alloc] initWithFrame:cell.frame]; cell.selectedBackgroundView.backgroundColor = BackColor; UILabel *titleLabel = [[UILabel alloc] init]; titleLabel.textColor = self.textColor; titleLabel.tag = 1; titleLabel.font = [UIFont systemFontOfSize:14.0]; [cell addSubview:titleLabel]; NSInteger leftOrRight = 0; if (_rightTableView==tableView) { leftOrRight = 1; } // UILabel *titleLabel = (UILabel*)[cell viewWithTag:1]; CGSize textSize; if ([self.dataSource respondsToSelector:@selector(menu:titleForRowAtIndexPath:)]) { titleLabel.text = [self.dataSource menu:self titleForRowAtIndexPath:[JSIndexPath indexPathWithCol:self.currentSelectedMenudIndex leftOrRight:leftOrRight leftRow:_leftSelectedRow row:indexPath.row]]; // 只取宽度 textSize = [titleLabel.text textSizeWithFont:[UIFont systemFontOfSize:14.0f] constrainedToSize:CGSizeMake(MAXFLOAT, 14) lineBreakMode:NSLineBreakByWordWrapping]; } cell.backgroundColor = [UIColor whiteColor]; cell.textLabel.font = [UIFont systemFontOfSize:14.0]; cell.separatorInset = UIEdgeInsetsZero; if (leftOrRight == 1) { CGFloat marginX = 20; titleLabel.frame = CGRectMake(marginX, 0, textSize.width, cell.frame.size.height); //右边tableview cell.backgroundColor = BackColor; if ([titleLabel.text isEqualToString:[(CATextLayer *)[_titles objectAtIndex:_currentSelectedMenudIndex] string]]) { UIImageView *accessoryImageView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"ico_make"]]; accessoryImageView.frame = CGRectMake(titleLabel.frame.origin.x+titleLabel.frame.size.width+10, (self.frame.size.height-12)/2, 16, 12); [cell addSubview:accessoryImageView]; } else{ } } else { CGFloat ratio = [_dataSource widthRatioOfLeftColumn:_currentSelectedMenudIndex]; CGFloat marginX = (self.frame.size.width*ratio-textSize.width)/2; titleLabel.frame = CGRectMake(marginX, 0, textSize.width, cell.frame.size.height); if (!_hadSelected && _leftSelectedRow == indexPath.row) { cell.backgroundColor = BackColor; BOOL haveRightTableView = [_dataSource haveRightTableViewInColumn:_currentSelectedMenudIndex]; if(!haveRightTableView){ UIImageView *accessoryImageView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"ico_make"]]; accessoryImageView.frame = CGRectMake(titleLabel.frame.origin.x+titleLabel.frame.size.width+10, (self.frame.size.height-12)/2, 16, 12); [cell addSubview:accessoryImageView]; } } else{ } } return cell; } #pragma mark - tableview delegate - (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath { NSInteger leftOrRight = 0; if (_rightTableView==tableView) { leftOrRight = 1; } else { _leftSelectedRow = indexPath.row; } if (self.delegate || [self.delegate respondsToSelector:@selector(menu:didSelectRowAtIndexPath:)]) { BOOL haveRightTableView = [_dataSource haveRightTableViewInColumn:_currentSelectedMenudIndex]; if ((leftOrRight==0 && !haveRightTableView) || leftOrRight==1) { [self confiMenuWithSelectRow:indexPath.row leftOrRight:leftOrRight]; } [self.delegate menu:self didSelectRowAtIndexPath:[JSIndexPath indexPathWithCol:self.currentSelectedMenudIndex leftOrRight:leftOrRight leftRow:_leftSelectedRow row:indexPath.row]]; if (leftOrRight==0 && haveRightTableView) { if (!_hadSelected) { _hadSelected = YES; [_leftTableView reloadData]; NSIndexPath *selectedIndexPath = [NSIndexPath indexPathForRow:_leftSelectedRow inSection:0]; [_leftTableView selectRowAtIndexPath:selectedIndexPath animated:NO scrollPosition:UITableViewScrollPositionNone]; } [_rightTableView reloadData]; } } else { //TODO: delegate is nil } } - (void)confiMenuWithSelectRow:(NSInteger)row leftOrRight:(NSInteger)leftOrRight{ CATextLayer *title = (CATextLayer *)_titles[_currentSelectedMenudIndex]; title.string = [self.dataSource menu:self titleForRowAtIndexPath:[JSIndexPath indexPathWithCol:self.currentSelectedMenudIndex leftOrRight:leftOrRight leftRow:_leftSelectedRow row:row]]; [self animateIdicator:_indicators[_currentSelectedMenudIndex] background:_backGroundView leftTableView:_leftTableView rightTableView:_rightTableView title:_titles[_currentSelectedMenudIndex] forward:NO complecte:^{ _show = NO; }]; [(CALayer *)self.bgLayers[_currentSelectedMenudIndex] setBackgroundColor:BackColor.CGColor]; CAShapeLayer *indicator = (CAShapeLayer *)_indicators[_currentSelectedMenudIndex]; indicator.position = CGPointMake(title.position.x + title.frame.size.width / 2 + 8, indicator.position.y); } #pragma mark - UICollectionViewDataSource -(NSInteger)numberOfSectionsInCollectionView:(UICollectionView *)collectionView{ return 1; } -(NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section{ // 为collectionview时 leftOrRight 为-1 if ([self.dataSource respondsToSelector:@selector(menu:numberOfRowsInColumn:leftOrRight: leftRow:)]) { return [self.dataSource menu:self numberOfRowsInColumn:self.currentSelectedMenudIndex leftOrRight:-1 leftRow:-1]; } else { NSAssert(0 == 1, @"required method of dataSource protocol should be implemented"); return 0; } } -(UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath{ static NSString *collectionCell = @"CollectionCell"; JSCollectionViewCell *cell = [collectionView dequeueReusableCellWithReuseIdentifier:collectionCell forIndexPath:indexPath]; if ([self.dataSource respondsToSelector:@selector(menu:titleForRowAtIndexPath:)]) { cell.textLabel.text = [self.dataSource menu:self titleForRowAtIndexPath:[JSIndexPath indexPathWithCol:self.currentSelectedMenudIndex leftOrRight:-1 leftRow:-1 row:indexPath.row]]; } else { NSAssert(0 == 1, @"dataSource method needs to be implemented"); } cell.backgroundColor = [UIColor whiteColor]; cell.selectedBackgroundView.backgroundColor = BackColor; cell.textLabel.font = [UIFont systemFontOfSize:14.0]; cell.textLabel.textColor = self.textColor; if ([cell.textLabel.text isEqualToString:[(CATextLayer *)[_titles objectAtIndex:_currentSelectedMenudIndex] string]]) { cell.backgroundColor = BackColor; cell.accessoryView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"ico_make"]]; } else { [cell removeAccessoryView]; } return cell; } #pragma mark --UICollectionViewDelegateFlowLayout - (CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout sizeForItemAtIndexPath:(NSIndexPath *)indexPath { return CGSizeMake((collectionView.frame.size.width-1)/2, 38); } -(UIEdgeInsets)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout *)collectionViewLayout insetForSectionAtIndex:(NSInteger)section { return UIEdgeInsetsMake(0, 0, 1, 0.5); } #pragma mark --UICollectionViewDelegate -(void)collectionView:(UICollectionView *)collectionView didSelectItemAtIndexPath:(NSIndexPath *)indexPath { if (self.delegate || [self.delegate respondsToSelector:@selector(menu:didSelectRowAtIndexPath:)]) { [self confiMenuWithSelectRow:indexPath.row]; [self.delegate menu:self didSelectRowAtIndexPath:[JSIndexPath indexPathWithCol:self.currentSelectedMenudIndex leftOrRight:-1 leftRow:-1 row:indexPath.row]]; } else { //TODO: delegate is nil } } - (void)confiMenuWithSelectRow:(NSInteger)row{ CATextLayer *title = (CATextLayer *)_titles[_currentSelectedMenudIndex]; title.string = [self.dataSource menu:self titleForRowAtIndexPath:[JSIndexPath indexPathWithCol:self.currentSelectedMenudIndex leftOrRight:-1 leftRow:-1 row:row]]; [self animateIdicator:_indicators[_currentSelectedMenudIndex] background:_backGroundView collectionView:_collectionView title:_titles[_currentSelectedMenudIndex] forward:NO complecte:^{ _show = NO; }]; [(CALayer *)self.bgLayers[_currentSelectedMenudIndex] setBackgroundColor:BackColor.CGColor]; CAShapeLayer *indicator = (CAShapeLayer *)_indicators[_currentSelectedMenudIndex]; indicator.position = CGPointMake(title.position.x + title.frame.size.width / 2 + 8, indicator.position.y); } - (CGFloat)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout minimumLineSpacingForSectionAtIndex:(NSInteger)section{ return 0.5; } @end