iOS 低配导航栏下拉菜单

轮子太多,撸了个基础样式,大家自己想要什么效果可以自己继续改造一下...
效果如下:

SpingPop.gif

个人一般追求代码即注释...不多做说明

#import <UIKit/UIKit.h>

@class TYNavigationDropdownMenuView;
@protocol TYNavigationDropdownMenuViewDelegate <NSObject>

@optional
- (void)ty_navigationDropdownMenuView:(TYNavigationDropdownMenuView *)view didSelectText:(NSString *)text;

@end

@interface TYNavigationDropdownMenuView : UIView

// 内容数组
@property (nonatomic, strong) NSArray<NSString *> *menuContextArray;
// 选项高度
@property (nonatomic, assign) CGFloat rowHeight;
// 是否已经显示
@property (nonatomic, assign) BOOL isShow;
@property (nonatomic, weak) id<TYNavigationDropdownMenuViewDelegate> delegate;

- (void)showInView:(UIView *)view;
- (void)dismiss;

@end

#import "TYNavigationDropdownMenuView.h"

@interface TYNavigationDropdownMenuView () <UITableViewDelegate,UITableViewDataSource>

@property (nonatomic, strong) UIView *backgroundView;
@property (nonatomic, strong) UITableView *containerTableView;

@end

@implementation TYNavigationDropdownMenuView

- (instancetype)initWithFrame:(CGRect)frame {
    self = [super initWithFrame:frame];
    if (self) {
        self.menuContextArray = [NSArray array];
        self.rowHeight = 30;
        [self setupBaseView];
    }
    return self;
}

- (void)setupBaseView {

    self.backgroundView = ({
        UIView *backgroundView = [[UIView alloc] initWithFrame:self.bounds];
        backgroundView.backgroundColor = [UIColor blackColor];
        backgroundView.alpha = 0.f;
        
        UITapGestureRecognizer *tap = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(backgroundViewDidTapped:)];
        [backgroundView addGestureRecognizer:tap];
        
        [self addSubview:backgroundView];
        backgroundView;
    });
    
    self.containerTableView = ({
        UITableView *tableView = [[UITableView alloc] initWithFrame:CGRectMake(0, 0, [UIScreen mainScreen].bounds.size.width, 0) style:UITableViewStylePlain];
        tableView.delegate = self;
        tableView.dataSource = self;
        tableView.rowHeight = _rowHeight;
        tableView.showsVerticalScrollIndicator = NO;
        tableView.scrollEnabled = NO;
        [self addSubview:tableView];
        tableView;
    });
}


#pragma mark - Public Methods
- (void)showInView:(UIView *)view {
    [view addSubview:self];
    self.isShow = YES;
    
    CGFloat height = _menuContextArray.count * _rowHeight;
    // 默认,导航栏要是非透明的,这样 tableview 才可以藏到导航栏下面不被发现,这个时候 当前 view 的坐标(0,0)是从导航栏下面开始,而不是状态栏
    self.containerTableView.frame = CGRectMake(0, -height, [UIScreen mainScreen].bounds.size.width, height);
    [self.containerTableView reloadData];
    dispatch_async(dispatch_get_main_queue(), ^{
        // 结束所有当前响应..比如弹出的键盘..
        [view endEditing:YES];
        CGFloat y = 0;
        CGRect endFrame = self.containerTableView.frame;
        endFrame.origin.y = y;
        
        [UIView animateWithDuration:0.6
                              delay:0
             usingSpringWithDamping:0.8
              initialSpringVelocity:2
                            options:UIViewAnimationOptionCurveEaseInOut
                         animations:^{
                             self.backgroundView.alpha = 0.2f;
                             self.containerTableView.frame = endFrame;
                         } completion:nil];
    });
}

- (void)dismiss {
    self.isShow = NO;
    dispatch_async(dispatch_get_main_queue(), ^{
        CGFloat y = - self.containerTableView.frame.size.height;
        CGRect endFrame = self.containerTableView.frame;
        endFrame.origin.y = y;
        
        [UIView animateWithDuration:0.3
                              delay:0
                            options:UIViewAnimationOptionCurveEaseInOut
                         animations:^{
                             self.backgroundView.alpha = 0.f;
                             self.containerTableView.frame = endFrame;
                         } completion:^(BOOL finished) {
                             [self removeFromSuperview];
                         }];
    });
}


#pragma mark - UITableViewDataSource Methods
- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView {
    return 1;
}

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
    return _menuContextArray.count;
}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    static NSString *cellIdent = @"Cell";
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:cellIdent];
    if (!cell) {
        cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:cellIdent];
    }
    cell.textLabel.text = _menuContextArray[indexPath.row];
    return cell;
}


#pragma mark - UITableViewDelegate Methods
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath {
    return _rowHeight;
}

- (void)tableView:(nonnull UITableView *)tableView didSelectRowAtIndexPath:(nonnull NSIndexPath *)indexPath {
    [tableView deselectRowAtIndexPath:indexPath animated:YES];
    if ([_delegate respondsToSelector:@selector(ty_navigationDropdownMenuView:didSelectText:)]) {
        [_delegate ty_navigationDropdownMenuView:self didSelectText:_menuContextArray[indexPath.row]];
    }
    [self dismiss];
}


#pragma mark - Action Events
- (void)backgroundViewDidTapped:(UITapGestureRecognizer *)gesture{
    [self dismiss];
}

- (void)dealloc {
    NSLog(@"%@-释放了",self.class);
}

@end

收工.....

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,637评论 25 708
  • 献给我深爱的女主角宫园薰。 “今生无悔入四月,来生愿做友人A”。
    KellyGor阅读 353评论 6 0
  • 闺蜜是什么? 闺蜜 是可以让你依赖的人 闺蜜 是可以让你倾诉烦恼的人 闺蜜 是在你困难时不会丢下你的人 闺蜜 是为...
    长不大的楠宝阅读 164评论 0 1
  • 《摔跤吧,爸爸》目前是各大影院最热卖的作品,没有华丽的场景制作,没有狗血的剧情,有的是改变家庭,改变整个民族精神力...
    5c155d5391ac阅读 1,277评论 0 51
  • 最近热播的连续剧《我的前半生》,让原著作者亦舒又一次成为话题王。 亦舒是女作家中少有活得真实,活得最接近地气和充满...
    熟年与君共阅读 481评论 0 1