123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541 |
- //
- // YCMenuView.m
- // Demo
- //
- // Created by 蔡亚超 on 2018/8/28.
- // Copyright © 2018年 WellsCai. All rights reserved.
- // github地址:https://github.com/WellsYC/YCMenuView
- // 简书地址:https://www.jianshu.com/u/f853cbc68abb
- #define kScreenWidth [UIScreen mainScreen].bounds.size.width
- #define kScreenHeight [UIScreen mainScreen].bounds.size.height
- #define kMainWindow [UIApplication sharedApplication].keyWindow
- #define kArrowWidth 15
- #define kArrowHeight 10
- #define kDefaultMargin 10
- #define kAnimationTime 0.25
- #import "YCMenuView.h"
- @interface UIView (YCFrame)
- @property (nonatomic, assign) CGFloat x;
- @property (nonatomic, assign) CGFloat y;
- @property (nonatomic, assign) CGPoint origin;
- @property (nonatomic, assign) CGFloat centerX;
- @property (nonatomic, assign) CGFloat centerY;
- @property (nonatomic, assign) CGFloat width;
- @property (nonatomic, assign) CGFloat height;
- @property (nonatomic, assign) CGSize size;
- @end
- @implementation UIView (YCFrame)
- - (CGFloat)x
- {
- return self.frame.origin.x;
- }
- - (void)setX:(CGFloat)value
- {
- CGRect frame = self.frame;
- frame.origin.x = value;
- self.frame = frame;
- }
- - (CGFloat)y
- {
- return self.frame.origin.y;
- }
- - (void)setY:(CGFloat)value
- {
- CGRect frame = self.frame;
- frame.origin.y = value;
- self.frame = frame;
- }
- - (CGPoint)origin
- {
- return self.frame.origin;
- }
- - (void)setOrigin:(CGPoint)origin
- {
- CGRect frame = self.frame;
- frame.origin = origin;
- self.frame = frame;
- }
- - (CGFloat)centerX
- {
- return self.center.x;
- }
- - (void)setCenterX:(CGFloat)centerX
- {
- CGPoint center = self.center;
- center.x = centerX;
- self.center = center;
- }
- - (CGFloat)centerY
- {
- return self.center.y;
- }
- - (void)setCenterY:(CGFloat)centerY
- {
- CGPoint center = self.center;
- center.y = centerY;
- self.center = center;
- }
- - (CGFloat)width
- {
- return self.frame.size.width;
- }
- - (void)setWidth:(CGFloat)width
- {
- CGRect frame = self.frame;
- frame.size.width = width;
- self.frame = frame;
- }
- - (CGFloat)height
- {
- return self.frame.size.height;
- }
- - (void)setHeight:(CGFloat)height
- {
- CGRect frame = self.frame;
- frame.size.height = height;
- self.frame = frame;
- }
- - (CGSize)size
- {
- return self.frame.size;
- }
- - (void)setSize:(CGSize)size
- {
- CGRect frame = self.frame;
- frame.size = size;
- self.frame = frame;
- }
- @end
- @interface YCMenuCell : UITableViewCell
- @property (nonatomic,assign) BOOL isShowSeparator;
- @property (nonatomic,strong) UIColor * separatorColor;
- @end
- @implementation YCMenuCell
- - (instancetype)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier{
- if (self = [super initWithStyle:style reuseIdentifier:reuseIdentifier]) {
- _isShowSeparator = YES;
- _separatorColor = [UIColor lightGrayColor];
- }
- return self;
- }
- - (void)setSeparatorColor:(UIColor *)separatorColor{
- _separatorColor = separatorColor;
- [self setNeedsDisplay];
- }
- - (void)setIsShowSeparator:(BOOL)isShowSeparator{
- _isShowSeparator = isShowSeparator;
- [self setNeedsDisplay];
- }
- - (void)drawRect:(CGRect)rect{
- if (!_isShowSeparator)return;
- UIBezierPath *path = [UIBezierPath bezierPathWithRect:CGRectMake(0, rect.size.height - 0.5, rect.size.width, 0.5)];
- [_separatorColor setFill];
- [path fillWithBlendMode:kCGBlendModeNormal alpha:1.0f];
- [path closePath];
- }
- @end
- @interface YCMenuAction()
- @property (nonatomic) NSString *title;
- @property (nonatomic) UIImage *image;
- @property (copy, nonatomic)void (^handler)(YCMenuAction *);
- @end
- @implementation YCMenuAction
- + (instancetype)actionWithTitle:(NSString *)title image:(UIImage *)image handler:(void (^)(YCMenuAction *))handler{
- YCMenuAction *action = [[YCMenuAction alloc] initWithTitle:title image:image handler:handler];
- return action;
- }
- - (instancetype)initWithTitle:(NSString *)title image:(UIImage *)image handler:(void (^)(YCMenuAction *))handler{
- if (self = [super init]) {
- _title = title;
- _image = image;
- _handler = [handler copy];
- }
- return self;
- }
- @end
- @interface YCMenuView()<UITableViewDelegate,UITableViewDataSource>
- {
- CGPoint _refPoint;
- UIView *_refView;
- CGFloat _menuWidth;
-
- CGFloat _arrowPosition; // 三角底部的起始点x
- CGFloat _topMargin;
- BOOL _isReverse; // 是否反向
- BOOL _needReload; //是否需要刷新
- }
- @property(nonatomic,copy) NSArray<YCMenuAction *> *actions;
- @property(nonatomic,strong)UITableView *tableView;
- @property(nonatomic,strong)UIView *contentView;
- @property(nonatomic,strong)UIView *bgView;
- @end
- static NSString *const menuCellID = @"YCMenuCell";
- @implementation YCMenuView
- + (instancetype)menuWithActions:(NSArray<YCMenuAction *> *)actions width:(CGFloat)width atPoint:(CGPoint)point{
- NSAssert(width>0.0f, @"width要大于0");
- YCMenuView *menu = [[YCMenuView alloc] initWithActions:actions width:width atPoint:point];
- return menu;
- }
- + (instancetype)menuWithActions:(NSArray<YCMenuAction *> *)actions width:(CGFloat)width relyonView:(id)view{
- NSAssert(width>0.0f, @"width要大于0");
- NSAssert([view isKindOfClass:[UIView class]]||[view isKindOfClass:[UIBarButtonItem class]], @"relyonView必须是UIView或UIBarButtonItem");
- YCMenuView *menu = [[YCMenuView alloc] initWithActions:actions width:width relyonView:view];
- return menu;
- }
- - (instancetype)initWithActions:(NSArray<YCMenuAction *> *)actions width:(CGFloat)width atPoint:(CGPoint)point{
- if (self = [super init]) {
- _actions = [actions copy];
- _refPoint = point;
- _menuWidth = width;
- [self defaultConfiguration];
- [self setupSubView];
- }
- return self;
- }
- - (instancetype)initWithActions:(NSArray<YCMenuAction *> *)actions width:(CGFloat)width relyonView:(id)view{
- if (self = [super init]) {
- // 针对UIBarButtonItem做的处理
- if ([view isKindOfClass:[UIBarButtonItem class]]) {
- UIView *bgView = [view valueForKey:@"_view"];
- _refView = bgView;
- }else{
- _refView = view;
- }
- _actions = [actions copy];
- _menuWidth = width;
- [self defaultConfiguration];
- [self setupSubView];
- }
- return self;
- }
- - (void)defaultConfiguration{
- self.alpha = 0.0f;
- [self setDefaultShadow];
-
- _cornerRaius = 5.0f;
- _separatorColor = [UIColor blackColor];
- _menuColor = [UIColor whiteColor];
- _menuCellHeight = 44.0f;
- _maxDisplayCount = 5;
- _isShowShadow = YES;
- _dismissOnselected = YES;
- _dismissOnTouchOutside = YES;
-
- _textColor = [UIColor blackColor];
- _textFont = [UIFont systemFontOfSize:15.0f];
- _offset = 0.0f;
- }
- - (void)setupSubView{
- [self calculateArrowAndFrame];
- [self setupMaskLayer];
- [self addSubview:self.contentView];
- }
- - (void)reloadData{
- [self.contentView removeFromSuperview];
- [self.tableView removeFromSuperview];
- self.contentView = nil;
- self.tableView = nil;
- [self setupSubView];
- }
- - (CGPoint)getRefPoint{
- CGRect absoluteRect = [_refView convertRect:_refView.bounds toView:kMainWindow];
- CGPoint refPoint;
- CGFloat menuHeight = (_actions.count > _maxDisplayCount) ? _maxDisplayCount * _menuCellHeight + kArrowHeight: _actions.count * _menuCellHeight + kArrowHeight;
- if (absoluteRect.origin.y + absoluteRect.size.height + menuHeight > kScreenHeight - 10) {
- refPoint = CGPointMake(absoluteRect.origin.x + absoluteRect.size.width / 2, absoluteRect.origin.y);
- _isReverse = YES;
- }else{
- refPoint = CGPointMake(absoluteRect.origin.x + absoluteRect.size.width / 2, absoluteRect.origin.y + absoluteRect.size.height);
- _isReverse = NO;
- }
- return refPoint;
- }
- - (void)show{
- // 自定义设置统一在这边刷新一次
- if (_needReload) [self reloadData];
-
- [kMainWindow addSubview: self.bgView];
- [kMainWindow addSubview: self];
- self.layer.affineTransform = CGAffineTransformMakeScale(0.1, 0.1);
- [UIView animateWithDuration: kAnimationTime animations:^{
- self.layer.affineTransform = CGAffineTransformMakeScale(1.0, 1.0);
- self.alpha = 1.0f;
- self.bgView.alpha = 1.0f;
- }];
- }
- - (void)dismiss{
- if (!_dismissOnTouchOutside) return;
- //执行dismiss回调
- if (self.dissmisBlock) {
- self.dissmisBlock();
- }
- [UIView animateWithDuration: kAnimationTime animations:^{
- self.layer.affineTransform = CGAffineTransformMakeScale(0.1, 0.1);
- self.alpha = 0.0f;
- self.bgView.alpha = 0.0f;
- } completion:^(BOOL finished) {
- [self removeFromSuperview];
- [self.bgView removeFromSuperview];
- }];
- }
- #pragma mark - Private
- - (void)setupMaskLayer{
- CAShapeLayer *layer = [self drawMaskLayer];
- self.contentView.layer.mask = layer;
- }
- - (void)calculateArrowAndFrame{
- if (_refView) {
- _refPoint = [self getRefPoint];
- }
-
- CGFloat originX;
- CGFloat originY;
- CGFloat width;
- CGFloat height;
-
- width = _menuWidth;
- height = (_actions.count > _maxDisplayCount) ? _maxDisplayCount * _menuCellHeight + kArrowHeight: _actions.count * _menuCellHeight + kArrowHeight;
- // 默认在中间
- _arrowPosition = 0.5 * width - 0.5 * kArrowWidth;
-
- // 设置出menu的x和y(默认情况)
- originX = _refPoint.x - _arrowPosition - 0.5 * kArrowWidth;
- originY = _refPoint.y;
-
- // 考虑向左右展示不全的情况,需要反向展示
- if (originX + width > kScreenWidth - 10) {
- originX = kScreenWidth - kDefaultMargin - width;
- }else if (originX < 10) {
- //向上的情况间距也至少是kDefaultMargin
- originX = kDefaultMargin;
- }
-
- //设置三角形的起始点
- if ((_refPoint.x <= originX + width - _cornerRaius) && (_refPoint.x >= originX + _cornerRaius)) {
- _arrowPosition = _refPoint.x - originX - 0.5 * kArrowWidth;
- }else if (_refPoint.x < originX + _cornerRaius) {
- _arrowPosition = _cornerRaius;
- }else {
- _arrowPosition = width - _cornerRaius - kArrowWidth;
- }
-
- //如果不是根据关联视图,得算一次是否反向
- if (!_refView) {
- _isReverse = (originY + height > kScreenHeight - kDefaultMargin)?YES:NO;
- }
-
- CGPoint anchorPoint;
- if (_isReverse) {
- originY = _refPoint.y - height;
- anchorPoint = CGPointMake(fabs(_arrowPosition) / width, 1);
- _topMargin = 0;
- }else{
- anchorPoint = CGPointMake(fabs(_arrowPosition) / width, 0);
- _topMargin = kArrowHeight;
- }
- originY += originY >= _refPoint.y ? _offset : -_offset;
-
- //保存原来的frame,防止设置锚点后偏移
- self.layer.anchorPoint = anchorPoint;
- self.frame = CGRectMake(originX, originY, width, height);
- }
- - (CAShapeLayer *)drawMaskLayer{
- CAShapeLayer *maskLayer = [CAShapeLayer layer];
- CGFloat bottomMargin = !_isReverse?0 :kArrowHeight;
-
- // 定出四个转角点
- CGPoint topRightArcCenter = CGPointMake(self.width - _cornerRaius, _topMargin + _cornerRaius);
- CGPoint topLeftArcCenter = CGPointMake(_cornerRaius, _topMargin + _cornerRaius);
- CGPoint bottomRightArcCenter = CGPointMake(self.width - _cornerRaius, self.height - bottomMargin - _cornerRaius);
- CGPoint bottomLeftArcCenter = CGPointMake(_cornerRaius, self.height - bottomMargin - _cornerRaius);
-
- UIBezierPath *path = [UIBezierPath bezierPath];
- // 从左上倒角的下边开始画
- [path moveToPoint: CGPointMake(0, _topMargin + _cornerRaius)];
- [path addLineToPoint: CGPointMake(0, bottomLeftArcCenter.y)];
- [path addArcWithCenter: bottomLeftArcCenter radius: _cornerRaius startAngle: -M_PI endAngle: -M_PI-M_PI_2 clockwise: NO];
-
- if (_isReverse) {
- [path addLineToPoint: CGPointMake(_arrowPosition, self.height - kArrowHeight)];
- [path addLineToPoint: CGPointMake(_arrowPosition + 0.5*kArrowWidth, self.height)];
- [path addLineToPoint: CGPointMake(_arrowPosition + kArrowWidth, self.height - kArrowHeight)];
- }
- [path addLineToPoint: CGPointMake(self.width - _cornerRaius, self.height - bottomMargin)];
- [path addArcWithCenter: bottomRightArcCenter radius: _cornerRaius startAngle: -M_PI-M_PI_2 endAngle: -M_PI*2 clockwise: NO];
- [path addLineToPoint: CGPointMake(self.width, self.height - bottomMargin + _cornerRaius)];
- [path addArcWithCenter: topRightArcCenter radius: _cornerRaius startAngle: 0 endAngle: -M_PI_2 clockwise: NO];
-
- if (!_isReverse) {
- [path addLineToPoint: CGPointMake(_arrowPosition + kArrowWidth, _topMargin)];
- [path addLineToPoint: CGPointMake(_arrowPosition + 0.5 * kArrowWidth, 0)];
- [path addLineToPoint: CGPointMake(_arrowPosition, _topMargin)];
- }
-
- [path addLineToPoint: CGPointMake(_cornerRaius, _topMargin)];
- [path addArcWithCenter: topLeftArcCenter radius: _cornerRaius startAngle: -M_PI_2 endAngle: -M_PI clockwise: NO];
- [path closePath];
-
- maskLayer.path = path.CGPath;
- return maskLayer;
- }
- - (void)setDefaultShadow{
- self.layer.shadowOpacity = 0.2;
- self.layer.shadowOffset = CGSizeMake(0, 0);
- self.layer.shadowRadius = 5.0;
- }
- #pragma mark - <UITableViewDelegate,UITableViewDataSource>
- - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{
- return _actions.count;
- }
- - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
- YCMenuCell *cell = [tableView dequeueReusableCellWithIdentifier:menuCellID forIndexPath:indexPath];
- YCMenuAction *action = _actions[indexPath.row];
- cell.backgroundColor = [UIColor clearColor];
- cell.textLabel.font = _textFont;
- cell.textLabel.textAlignment = NSTextAlignmentCenter;
- cell.textLabel.textColor = _textColor;
- cell.textLabel.text = action.title;
- cell.separatorColor = _separatorColor;
-
- cell.imageView.image = action.image?action.image:nil;
-
- if (indexPath.row == _actions.count - 1) {
- cell.isShowSeparator = NO;
- }
- return cell;
- }
- - (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath{
- [tableView deselectRowAtIndexPath:indexPath animated:YES];
- if (_dismissOnselected) [self dismiss];
- YCMenuAction *action = _actions[indexPath.row];
- if (action.handler) {
- action.handler(action);
- }
- }
- #pragma mark - Setting&&Getting
- - (UITableView *)tableView{
- if (!_tableView) {
- _tableView = [[UITableView alloc] initWithFrame:CGRectMake(0, _topMargin, self.width, self.height - kArrowHeight) style:UITableViewStylePlain];
- _tableView.backgroundColor = [UIColor clearColor];
- _tableView.delegate = self;
- _tableView.dataSource = self;
- _tableView.bounces = _actions.count > _maxDisplayCount? YES : NO;
- _tableView.rowHeight = _menuCellHeight;
- _tableView.tableFooterView = [UIView new];
- _tableView.separatorStyle = UITableViewCellSeparatorStyleNone;
- [_tableView registerClass:[YCMenuCell class] forCellReuseIdentifier:menuCellID];
- }
- return _tableView;
- }
- - (UIView *)bgView{
- if (!_bgView) {
- _bgView = [[UIView alloc] initWithFrame:[UIScreen mainScreen].bounds];
- _bgView.backgroundColor = [[UIColor blackColor] colorWithAlphaComponent:0];
- _bgView.alpha = 0.0f;
- UITapGestureRecognizer *tap = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(dismiss)];
- [_bgView addGestureRecognizer:tap];
- }
- return _bgView;
- }
- - (UIView *)contentView{
- if (!_contentView) {
- _contentView = [[UIView alloc] initWithFrame:self.bounds];
- _contentView.backgroundColor = _menuColor;
- _contentView.layer.masksToBounds = YES;
- [_contentView addSubview:self.tableView];
- }
- return _contentView;
- }
- #pragma mark - 设置属性
- - (void)setCornerRaius:(CGFloat)cornerRaius{
- if (_cornerRaius == cornerRaius)return;
- _cornerRaius = cornerRaius;
- self.contentView.layer.mask = [self drawMaskLayer];
- }
- - (void)setMenuColor:(UIColor *)menuColor{
- if ([_menuColor isEqual:menuColor]) return;
- _menuColor = menuColor;
- self.contentView.backgroundColor = menuColor;
- }
- - (void)setBackgroundColor:(UIColor *)backgroundColor{
- if ([_menuColor isEqual:backgroundColor]) return;
- _menuColor = backgroundColor;
- self.contentView.backgroundColor = _menuColor;
- }
- - (void)setSeparatorColor:(UIColor *)separatorColor{
- if ([_separatorColor isEqual:separatorColor]) return;
- _separatorColor = separatorColor;
- [self.tableView reloadData];
- }
- - (void)setMenuCellHeight:(CGFloat)menuCellHeight{
- if (_menuCellHeight == menuCellHeight)return;
- _menuCellHeight = menuCellHeight;
- _needReload = YES;
- }
- - (void)setMaxDisplayCount:(NSInteger)maxDisplayCount{
- if (_maxDisplayCount == maxDisplayCount)return;
- _maxDisplayCount = maxDisplayCount;
- _needReload = YES;
- }
- - (void)setIsShowShadow:(BOOL)isShowShadow{
- if (_isShowShadow == isShowShadow)return;
- _isShowShadow = isShowShadow;
- if (!_isShowShadow) {
- self.layer.shadowOpacity = 0.0;
- self.layer.shadowOffset = CGSizeMake(0, 0);
- self.layer.shadowRadius = 0.0;
- }else{
- [self setDefaultShadow];
- }
- }
- - (void)setTextFont:(UIFont *)textFont{
- if ([_textFont isEqual:textFont]) return;
- _textFont = textFont;
- [self.tableView reloadData];
- }
- - (void)setTextColor:(UIColor *)textColor{
- if ([_textColor isEqual:textColor]) return;
- _textColor = textColor;
- [self.tableView reloadData];
- }
- //- (void)setOffset:(CGFloat)offset{
- // if (offset == offset) return;
- // _offset = offset;
- // if (offset < 0.0f) {
- // offset = 0.0f;
- // }
- // self.y += self.y >= _refPoint.y ? offset : -offset;
- //}
- @end
|