美文网首页
iOS自定义弹框-DynamicAlertView

iOS自定义弹框-DynamicAlertView

作者: sweetwine | 来源:发表于2018-04-02 11:11 被阅读0次

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

(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

相关文章

  • iOS自定义弹框-DynamicAlertView

    一般来说,自定义弹出视图会遇到三个问题: (1)按钮个数及按钮内容变化问题 (2)弹出方式变化问题 (3)内容与页...

  • ios 常用代码

    ios 自定义弹框

  • iOS-自定义控件相关

    本篇涵盖自定义控件、视图等. 1.iOS开发-轻松学会封装自定义视图view(自定义弹框封装详解)2.iOS开发-...

  • WKWebView

    属性 自定义根视图 把网页上的弹框都转化为iOS的原生弹框 设置小菊花 是否加载 加载html代码 加载Js代码 ...

  • iOS 提示框

    iOS 8.0 之后UIAlertController弹框代替了UIAlertView弹框 和 UIActionS...

  • 模态视图控制器使用经验

    iOS开发中经常会用到模态弹框。我的经验是用模态弹出视图控制器,然后在控制器上自定义弹框的展示形式我会先提出需求,...

  • iOS自定义带动画效果的模态框

    iOS自定义带动画效果的模态框 iOS自定义带动画效果的模态框

  • checkbook自定义多选,个数限制,数据回显

    需求:弹框,多选(限制个数,5个),数据回显 实现:利用jq,自定义弹框,用checkbox自定义多选样式 图示 ...

  • 《第二行代码》 第一章AlertDialog

    先看下效果图系统弹框: 自定义弹框: 下面分别对这两种弹框进行说明:系统弹框代码,也没什么好说的,正式项目中基本用...

  • elementUI 弹框

    弹框 一、自定义图标 (通过class名) 二、自定义按钮及点击事件 弹框按钮的点击事件,可以用jquery .u...

网友评论

      本文标题:iOS自定义弹框-DynamicAlertView

      本文链接:https://www.haomeiwen.com/subject/cyagcftx.html