iOS自定义弹框-DynamicAlertView

2018-04-02  本文已影响0人  sweetwine

        一般来说,自定义弹出视图会遇到三个问题:

(1)按钮个数及按钮内容变化问题

(2)弹出方式变化问题

(3)内容与页面绑定时,内容更新问题

        对于第一个问题,如果说弹出框只需要展示固定的几个按钮的话,那么此问题可以忽略了。类似于系统的alertView,UIAlertView会根据我们提供的title个数来展现不同的样式,我们也可以以此思路来进行设计。既然需要根据按钮title的个数来决定样式,那么,首先要做的就是收集到所填写的titles,网上给出的方法有很多而且讲述的也很详细,这里给出一种常见的收集方式:

- (void)showAlertViewWithDescription:(NSString*)description withAction:(void(^)(NSInteger))blcok WithTitles:(NSString*)title, ...NS_REQUIRES_NIL_TERMINATION;

- (void)showAlertViewWithDescription:(NSString*)description withAction:(void(^)(NSInteger))blcok WithTitles:(NSString*)title, ...

{

    // 收集titles

    va_list args;

    va_start(args, title);

    NSMutableArray *titlesArray = [NSMutableArray array];

    for(NSString*str = title; str !=nil; str =va_arg(args,NSString*)) {

        [titlesArrayaddObject:str];

    }

    // 根据title的个数确定UI样式

    [self configureUIWithDescription:description withTitles:titlesArray];

}

        获取到title之后,就可以按照需求方式来进行样式设计了。

        对于弹出方式,我们可以使用一个enum来进行管理,然后根据需要来进行切换,本文会给出两种弹出方式,一种是通过UIDynamicBehavior中的snap动画,一种是简单的渐隐显示:

// !!!: 显示 & 关闭 alertView

- (void)showAlertView

{

    switch (self.showStyle) {

        case DynamicAlertViewShowStyleSnap:

            {

                if(!_dynamicAnimator) {

                    self.center=CGPointMake(kScreenWidth/2, -alertViewHeight);

                    self.alpha=1;

                    _dynamicAnimator = [[UIDynamicAnimator alloc] initWithReferenceView:window];

                    UISnapBehavior *snapBehavior = [[UISnapBehavior alloc] initWithItem:self snapToPoint:window.center];

                    snapBehavior.damping=0.5;

                    [_dynamicAnimatoraddBehavior:snapBehavior];

                }

            }

            break;

        case DynamicAlertViewShowStyleAppear:

            {

                self.center= window.center;

                self.transform = CGAffineTransformMakeScale(0.7, 0.7);

                self.alpha=0;

                __weaktypeof(self) weakSelf =self;

                [UIView animateWithDuration:.35 delay:0 usingSpringWithDamping:.5 initialSpringVelocity:.5 options:0 animations:^{

                    weakSelf.alpha=1;

                    weakSelf.transform = CGAffineTransformIdentity;

                }completion:^(BOOLfinished) {

                    if(finished) {  }

                }];

            }

            break;

        default:

            break;

    }

}

- (void)hiddenAlertView

{

    switch (self.showStyle) {

        case DynamicAlertViewShowStyleSnap:

        {

            __weaktypeof(self) weakSelf =self;

            dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(.3 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{

                UISnapBehavior*snapBehavior =_dynamicAnimator.behaviors.lastObject;

                snapBehavior.snapPoint=CGPointMake(kScreenWidth/2,kScreenHeight+alertViewHeight);

                dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(.35 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{

                    __strongtypeof(self) strongSelf = weakSelf;

                    [strongSelf->_dynamicAnimatorremoveAllBehaviors];

                    strongSelf->_dynamicAnimator=nil;

                    [strongSelf->_bgCoverMaskViewremoveFromSuperview];

                    strongSelf->_bgCoverMaskView=nil;

                    weakSelf.center=CGPointMake(kScreenWidth/2, -alertViewHeight);

                    [weakSelfremoveFromSuperview];

                });

            });

        }

            break;

        case DynamicAlertViewShowStyleAppear:

        {

            __weaktypeof(self) weakSelf =self;

            dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(.3 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{

                [UIView animateWithDuration:.35 animations:^{

                    weakSelf.alpha=0;

                    weakSelf.transform=CGAffineTransformMakeScale(.7,.7);

                }completion:^(BOOLfinished) {

                    __strongtypeof(self) strongSelf = weakSelf;

                    if(finished) {

                        [strongSelf->_bgCoverMaskViewremoveFromSuperview];

                        strongSelf->_bgCoverMaskView=nil;

                        weakSelf.transform=CGAffineTransformIdentity;

                        [weakSelfremoveFromSuperview];

                    }

                }];

            });

        }

            break;

        default:

            break;

    }

}    

        在项目开发过程中,有时在向用户展示弹出框时,上面显示的内容是与界面绑定的,当弹出框已经弹出,但是因为某些原因后面的控制器发生了跳转,那么就会导致弹出框内容与界面显示发生错误,如果我们将弹出框弹在控制器的view上,那么又会导致导航栏遮盖不住的问题。其实,我们可以通过将此弹出框设计成单例来解决这个问题,如果在弹出框显示的时候界面发生变化,我们可以通过单例方法很快捷的定位到弹窗,并更新他的视图显示。

        如有不足之处,欢迎提出。

        demo地址:https://github.com/sweetWine/DynamicAlertView

上一篇 下一篇

猜你喜欢

热点阅读