自定义modal弹出样式(swift)

原创 2016年05月30日 18:46:04

0.假设vc是需要弹出的控制器(因为弹窗中有需要处理的事务,所以使用一个控制器管理)

1.弹出菜单(使用modal将对应的控制器弹出)

presentViewController(vc, animated: true, completion: nil)

2.如果想要自己决定弹出方式,需要成为其代理

vc.transitioningDelegate = self
vc.modalPresentationStyle = .Custom

3.实现transitioningDelegate的代理方法

//该代理方法用于返回负责转场的控制器对象
func presentationControllerForPresentedViewController(presented: UIViewController, presentingViewController presenting: UIViewController, sourceViewController source: UIViewController) -> UIPresentationController? {
   return PopoverPresentationController(presentedViewController: presented, presentingViewController: presenting)
    }
  //该代理方法用于告诉系统谁来负责控制器如何弹出
func animationControllerForPresentedController(presented: UIViewController, presentingController presenting: UIViewController, sourceController source: UIViewController) -> UIViewControllerAnimatedTransitioning? {
     //当弹窗要弹出的时候就会调用该方法
        return self
    }
    //该代理方法用于告诉系统谁来负责控制器如何消失
func animationControllerForDismissedController(dismissed: UIViewController) -> UIViewControllerAnimatedTransitioning? {
       //当弹窗要消失的时候就会调用该方法
        return self
    }

4.自定义显示和消失时弹窗展现方式

    // 该方法用于负责控制器如何弹出和如何消失
    // 只要是自定义转场, 控制器弹出和消失都会调用该方法
    // 需要在该方法中告诉系统控制器如何弹出和如何消失
    // 注意点: 但凡告诉系统我们需要自己来控制控制器的弹出和消失
    // 也就是实现了UIViewControllerAnimatedTransitioning的方法之后, 那么系统就不会再控制我们控制器的动画了, 所有的操作都需要我们自己完成
    // 系统调用该方法时会传递一个transitionContext参数, 该参数中包含了我们所有需要的值
    func animateTransition(transitionContext: UIViewControllerContextTransitioning) {

        //在这里自定义出现和消失时的动画
    }

5.自定义蒙版

  • 注意点:
    所有被弹出的内容, 都是放在容器视图上的

  • 说明:因为当弹窗出现的时候,背后的控制器是不能处理事件的,所以将继承自 UIPresentationController的控制器(VC2)的containerView中添加一个UIBottom作为蒙版;

  • 因为UIBottom可以被监听,在VC2中监听蒙版,一旦点击,就是要消失弹窗;

  • 继承自UIPresentationController的控制器负责管理自定义转场动画
    在VC2中的 containerViewWillLayoutSubviews方法中设置弹窗的尺寸和位置,在 presentationTransitionWillBegin方法中添加蒙版,因为弹出的内容,都是放在容器视图中的,所以将蒙版添加到containerView中;在该方法中,containerView已经被创建;

6.设置显示时动画

因为显示和消失动画都是在第4步中的animateTransition方法中设置的,但是怎么区分是出现还是消失弹窗呢?

在第3步中,

func animationControllerForPresentedController(presented: UIViewController, presentingController presenting: UIViewController, sourceController source: UIViewController) -> UIViewControllerAnimatedTransitioning? {
     //当弹窗要弹出的时候就会调用该方法
     isPresent = true
        return self
}
func animationControllerForDismissedController(dismissed: UIViewController) -> UIViewControllerAnimatedTransitioning? {
       //当弹窗要消失的时候就会调用该方法
     isPresent = false
        return self
 }

所以设置一个属性isPresent,当是弹出时,在animationControllerForPresentedController方法中设置为true;
如果是小数,在animationControllerForDismissedController中设置为false;这样在第4步中的animateTransition方法中设置动画则根据属性的值进行设置;

当isPresent = true 时:(抽取一个方法)

 /// 弹出动画
    private func animatePresentedController(transitionContext: UIViewControllerContextTransitioning) {
        // 0.获取动画时长
        let duration = transitionDuration(transitionContext)
                // 1.拿到被弹出的控制器的View
        guard let toView = transitionContext.viewForKey(UITransitionContextToViewKey) else {
            return
        }
        // 2.将被弹出的控制器View添加到容器视图上
        transitionContext.containerView()?.addSubview(toView)
        // 3.执行动画
        // 3.1先将菜单的View压扁
        toView.transform = CGAffineTransformMakeScale(1.0, 0.0)
        toView.layer.anchorPoint = CGPoint(x: 0.5, y: 0)
        // 3.2再清空菜单压扁的形变
        UIView.animateWithDuration(duration, animations: { () -> Void in
            toView.transform = CGAffineTransformIdentity
            }) { (_) -> Void in
                // 注意点: 但凡是自定义转场, 一定要在自定义动画完成之后告诉系统动画已经完成了, 否则会出现一些未知异常
                transitionContext.completeTransition(true)
        }
    }

7.设置消失动画

//动画消失
    private func animateDismissedController(transitionContext: UIViewControllerContextTransitioning) {

        // 0.获取动画时长
        let duration = transitionDuration(transitionContext)

        // 1.拿到菜单
        let fromView = transitionContext.viewForKey(UITransitionContextFromViewKey)
        // 2.执行动画
        UIView.animateWithDuration(duration, animations: { () -> Void in
            // 注意; 没有动画的原因是MakeScale接收的是CGFloat, 而CGFloat得值是不准确的
            fromView?.transform = CGAffineTransformMakeScale(1.0, 0.0001)
            }) { (_) -> Void in
             transitionContext.completeTransition(true)
        }
  }
版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

模态视图那些事(二)之 弹出视图样式

1、presenting view controller Vs presented view controller   当我们在view controller A中模态显示view contro...

自定义modal动画

modal界面跳转在IOS中,相比大家都不陌生,除了导航控制器中的经常使用的push以外,我们也经常使用从下而上跳转的控制器效果,这也就是modal效果。modal跳转使用对于使用storyBoard...

swift alert 弹出框

转载自   http://www.hangge.com/blog/cache/detail_651.html 1,简单的应用(同时按钮响应Handler使用闭包函数)    ...

bootstrap 改变模态弹出框的样式

bootstrap 改变模态弹出框的样式只需要简单一句话即可即可实现改变宽度同时水平居中,其它需要修改的样式只要在对应的div里面style里面添加即可,比如缩小弹出框的高度之后需要调整btn的位置 ...

popOver 弹出框简单使用(仿QQ弹出框)

popOver 弹出框简单使用1.仿QQ弹出框1.1用到的知识点1.1.1如何调整弹出框的大小(这里弹出的也是控制器)这里已经有讲解过http://blog.csdn.net/iostiannan/a...

01-Popover跳转

Popover跳转1.1-简介 什么是Popover?UIViewController进行跳转的时候,可以设置跳转样式 Popover样式是iOS8加入的新特性 1.2-在StoryBoard中使用...

关闭Storyboard中打开的Popover

可能UIPopoverController只能在iPad上使用,而这个问题又是使用iOS5之后出现的,很少人关注这个,我之前也花了不少时间才在一个外国人的blog里面找到解决办法。 这个问题是由于使...

Popover 初探

Popover 是一个新型的弹出窗口。  apple 文档里面这样说:  NSPopover类提供了一种方法在现有相关内容在屏幕上显示更多的内容。Popover窗口定位相对于现有内容。 ...

IOS悬浮窗口之——Popover实现原理分析

目前那些popover的menu,loadingview之类的都是搞view,可以解决。但显示的时候其实挺麻烦的,得先保证全屏,在addsubview,消失时又得removefromsuperview...

swift实现提示框第三方库:MBProgressHUD

GitHud的下载地址是:https://github.com/jdg/MBProgressHUD/ 下载完成后,将MBProgressHUD.h和MBProgressHUD.m拖入已经新建好的Sw...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)