关闭

自定义modal弹出样式(swift)

标签: swift
1690人阅读 评论(1) 收藏 举报
分类:

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)
        }
  }
0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:14588次
    • 积分:450
    • 等级:
    • 排名:千里之外
    • 原创:31篇
    • 转载:3篇
    • 译文:0篇
    • 评论:4条
    最新评论