右上角弹出式菜单控件

代码地址如下:
http://www.demodashi.com/demo/12496.html

导航+,弹出选择菜单,附带缩放动画。可以单文字,单图片,和图片+文字

一、效果预览

二、实现

自定义ViewController作为容器,其中添加view,view中添加TableView来显示列表。

通过调用- (void)showInViewController:(UIViewController *)viewController;显示AddListController

点击选项或屏幕空白处关闭AddListController,这个添加手势实现。

在显示和隐藏时添加动画。

[UIView animateWithDuration:0.2 animations:^{
        
        _listView.transform = CGAffineTransformMakeScale(0.5, 0.2);
        _listView.alpha     = 0;
    } completion:^(BOOL finished) {
        
        _listView.transform = CGAffineTransformMakeScale(1, 1);
        [self dismissViewControllerAnimated:NO completion:nil];
    }];

通过blocktypedef void (^SelectCompletion)(NSInteger selectedIndex);回传值。

view通过- (void)drawRect:(CGRect)rect画出背景形状,包括顶部小三角和四个圆角

需要注意,缩放动画要确定缩放点:

- (void)setAnchorPoint:(CGPoint)anchorPoint forView:(UIView *)view
{
    CGPoint oldOrigin       = view.frame.origin;
    view.layer.anchorPoint  = anchorPoint;
    CGPoint newOrigin       = view.frame.origin;
    
    CGPoint transition;
    transition.x = newOrigin.x - oldOrigin.x;
    transition.y = newOrigin.y - oldOrigin.y;
    
    view.center  = CGPointMake (view.center.x - transition.x, view.center.y - transition.y);
}

三、用法

按特殊规定传字典值。当然,你也可以自己修改规定key。

    NSArray *itemDictionarys = @[@{@"title": @"添加朋友", @"icon": @"main_add_friend"},
                                 @{@"title": @"扫一扫", @"icon": @"main_code_friend"},
                                 @{@"icon": @"main_add_friend"},
                                 @{@"title": @"扫一扫"},
                                 @{@"title": @"添加朋友", @"icon": @"main_add_friend"},
                                 @{@"title": @"扫一扫", @"icon": @"main_code_friend"}];
    
    [[ZZNavAddListController navAddListControllerWithDictionarys:itemDictionarys
                                                selectCompletion:^(NSInteger selectedIndex) {

        NSLog(@"selected %ld", selectedIndex);
    }] showInViewController:self];

初始化方法

// ----- icon + title
+ (instancetype)navAddListControllerWithDictionarys:(NSArray <NSDictionary *>*)listDictionarys selectCompletion:(SelectCompletion)selectCompletion;

// ----- only title
+ (instancetype)navAddListControllerWithStrings:(NSArray <NSString *>*)listStrings selectCompletion:(SelectCompletion)selectCompletion;

// ----- icon + title and count
+ (instancetype)navAddListControllerWithDictionarys:(NSArray <NSDictionary *>*)listDictionarys maxListCount:(NSInteger)maxListCount selectCompletion:(SelectCompletion)selectCompletion;

+ (instancetype)navAddListControllerSelectCompletion:(SelectCompletion)selectCompletion listStrings:(NSString *)listString, ...NS_REQUIRES_NIL_TERMINATION;

显示AddListController方法

- (void)showInViewController:(UIViewController *)viewController;

四、项目结构

五、其他补充

暂没
右上角弹出式菜单控件

代码地址如下:
http://www.demodashi.com/demo/12496.html

注:本文著作权归作者,由demo大师代发,拒绝转载,转载需要作者授权

posted on 2018-03-06 10:15  demo例子集  阅读(637)  评论(0编辑  收藏  举报

导航