Swift--弹框动画组件

最新推荐文章于 2022-06-07 20:58:50 发布
最新推荐文章于 2022-06-07 20:58:50 发布
阅读量716 收藏 2
点赞数 1
CC 4.0 BY-SA版权
分类专栏： iOS swift 文章标签： swift ios
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_30963589/article/details/118543005
本文介绍了如何创建一个自定义的对话框动画组件，支持底部、中心和顶部弹出，简化了不同方向弹框的需求，通过UIViewControllerTransitioningDelegate实现动画效果。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

在工作中我们经常会用到自定义的弹框，弹出的方向有时也不只一个，为了开发方便，写了一个比较能适应各个方向弹框的动画组件。记录下来以便后续使用：



import UIKit


public class DialogPresentationController: UIPresentationController, UIViewControllerTransitioningDelegate, PresentationControllerDeleate {
    
    enum DialogType {
        case Bottom
        case Center
        case Top
    }
    
    public class func showFromBottom(_ presented: UIViewController, presenting: UIViewController, didDismiss dismiss: (() -> Void)?) {
        let dialog = DialogPresentationController(presentedViewController: presented, presenting: presenting, dialogType: .Bottom)
        dialog.cancel = dismiss
        presenting.present(presented, animated: true, completion: nil)
    }
    
    public class func showFromTop(_ presented: UIViewController, presenting: UIViewController, didDismiss dismiss: (() -> Void)?) {
        let dialog = DialogPresentationController(presentedViewController: presented, presenting: presenting, dialogType: .Top)
        dialog.cancel = dismiss
        presenting.present(presented, animated: true, completion: nil)
    }
    
    public class func showFromCenter(_ presented: UIViewController, presenting: UIViewController, didDismiss dismiss: (() -> Void)?) {
        let dialog = DialogPresentationController(presentedViewController: presented, presenting: presenting, dialogType: .Center)
        dialog.cancel = dismiss
        presenting.present(presented, animated: true, completion: nil)
    }
    
    //presented: 可改变preferredContentSize属性去改变视图控制大小
    //presenting: 要呈现presented的视图控制器
    public class func show(_ presented: UIViewController, presenting: UIViewController, didDismiss dismiss: (() -> Void)?) {
        showFromBottom(presented, presenting: presenting, didDismiss: dismiss)
    }
    
    init(presentedViewController: UIViewController, presenting presentingViewController: UIViewController?, dialogType type: DialogType) {
        presentedViewController.modalPresentationStyle = .custom
        super.init(presentedViewController: presentedViewController, presenting: presentingViewController)
        switch type {
        case .Bottom:
            presentationController = BottomPresentationController()
        case .Center:
            presentationController = CenterPresentationController()
        case .Top:
            presentationController = TopPresentationController()
        }
        presentedViewController.transitioningDelegate = self
        presentationController.delegate = self
    }
    
    fileprivate var presentationController: PresentationController!
        
    fileprivate var isPresenting: Bool = false
        
    fileprivate lazy var overlay: UIControl = {
        let view = UIControl()
        view.backgroundColor = .red
        view.frame = UIScreen.main.bounds
        view.backgroundColor = UIColor.init(white: 0, alpha: 0.5)
        view.addTarget(self, action: #selector(overlayAction), for: .touchUpInside)
        return view
    }()
    
    fileprivate var cancel: (() -> Void)?
    
    override public func presentationTransitionWillBegin() {
        overlay.layer.opacity = 0
        self.containerView?.addSubview(overlay)
    }
    
    override public var frameOfPresentedViewInContainerView: CGRect {
        guard let containerView = self.containerView else {
            fatalError()
        }
        let size = self.presentedViewController.preferredContentSize
        var frame = CGRect(x: 0, y: 0, width: size.width, height: size.height)
        frame.origin.y = containerView.bounds.height - frame.height
        return frame
    }
    
    //MARK: Action
    @objc func overlayAction() {
        self.presentedViewController.dismiss(animated: true) { [unowned self] in
            self.cancel?()
        }
    }
    
    //MARK: PresentationControllerDeleate
    func overlayView() -> UIView? {
        return self.overlay
    }
    
    //MARK: UIViewControllerTransitioningDelegate
    public func animationController(forPresented presented: UIViewController, presenting: UIViewController, source: UIViewController) -> UIViewControllerAnimatedTransitioning? {
        presentationController.isPresenting = true
        return presentationController
    }
    
    public func animationController(forDismissed dismissed: UIViewController) -> UIViewControllerAnimatedTransitioning? {
        presentationController.isPresenting = false
        return presentationController
    }
    
    public func presentationController(forPresented presented: UIViewController, presenting: UIViewController?, source: UIViewController) -> UIPresentationController? {
        return self
    }
}

protocol PresentationControllerDeleate: class {
    func overlayView() -> UIView?
}

protocol PresentationController: UIViewControllerAnimatedTransitioning {
    var isPresenting: Bool { get set }
    var delegate: PresentationControllerDeleate? { get set }
}


//MARK: --- 从低部弹出
class BottomPresentationController: NSObject, PresentationController {
    var isPresenting: Bool = false
    weak var delegate: PresentationControllerDeleate?
    
    //MARK: UIViewControllerAnimatedTransitioning
    public func transitionDuration(using transitionContext: UIViewControllerContextTransitioning?) -> TimeInterval {
        return 0.25
    }
    
    public func animateTransition(using transitionContext: UIViewControllerContextTransitioning) {
        guard let desViewController = transitionContext.viewController(forKey: .to),
            let fromViewController = transitionContext.viewController(forKey: .from) else {
                fatalError()
        }
        //        let isPresenting = (self.presentingViewController == fromViewController)
        let key = isPresenting ? UITransitionContextViewKey.to : UITransitionContextViewKey.from
        guard let desView = transitionContext.view(forKey: key) else {
            fatalError()
        }
        
        let containerView = transitionContext.containerView
        var fromFinalFrame = transitionContext.finalFrame(for: fromViewController)
        var toInitFrame = transitionContext.initialFrame(for: desViewController)
        let toFinalFrame = transitionContext.finalFrame(for: desViewController)
        
        if isPresenting { //present            
            toInitFrame.size = toFinalFrame.size
            toInitFrame.origin = CGPoint(x: 0, y: fromFinalFrame.height)
            desView.frame = toInitFrame
            containerView.addSubview(desView)
        } else { //dismiss
            fromFinalFrame.origin = CGPoint(x: 0, y: toFinalFrame.height)
        }
        
        let duration = self.transitionDuration(using: transitionContext)
        var overlay = self.delegate?.overlayView()
        UIView.animate(withDuration: duration, animations: {
            if self.isPresenting {
                desView.frame = toFinalFrame
                overlay?.layer.opacity = 1
            } else {
                overlay?.layer.opacity = 0
                desView.frame = fromFinalFrame
            }
        }, completion: { result in
            let wasCancelled = transitionContext.transitionWasCancelled
            transitionContext.completeTransition(!wasCancelled)
            if !self.isPresenting {
                transitionContext.view(forKey: .from)?.removeFromSuperview()
                overlay?.removeFromSuperview()
                overlay = nil
            }
        })
    }
}


//MARK: --- 从顶部弹出
class TopPresentationController: NSObject, PresentationController {
    var isPresenting: Bool = false
    weak var delegate: PresentationControllerDeleate?
    //MARK: UIViewControllerAnimatedTransitioning
    public func transitionDuration(using transitionContext: UIViewControllerContextTransitioning?) -> TimeInterval {
        return 0.25 }
    public func animateTransition(using transitionContext: UIViewControllerContextTransitioning) { guard let desViewController = transitionContext.viewController(forKey: .to),
        let fromViewController = transitionContext.viewController(forKey: .from) else { fatalError()
        }
        // let isPresenting = (self.presentingViewController == fromViewController)
        let key = isPresenting ? UITransitionContextViewKey.to : UITransitionContextViewKey.from
        guard let desView = transitionContext.view(forKey: key) else {
            fatalError()
            
        }
        let containerView = transitionContext.containerView
        var fromFinalFrame = transitionContext.finalFrame(for: fromViewController)
        var toInitFrame = transitionContext.initialFrame(for: desViewController)
        let toFinalFrame = transitionContext.finalFrame(for: desViewController)
        if isPresenting { //present
            toInitFrame.size = toFinalFrame.size
            toInitFrame.origin = CGPoint(x: 0, y: -toFinalFrame.height)
            desView.frame = toInitFrame
            containerView.addSubview(desView)
            
        } else { //dismiss
            fromFinalFrame.origin = CGPoint(x: 0, y: -toFinalFrame.height)
        }
        let duration = self.transitionDuration(using: transitionContext)
        var overlay = self.delegate?.overlayView()
        
        UIView.animate(withDuration: duration, animations: {
            if self.isPresenting {
                desView.frame.origin.y = 0
                overlay?.layer.opacity = 1
                
            } else {
                overlay?.layer.opacity = 0
                desView.frame = fromFinalFrame
                
            }
        }, completion: { result in
            let wasCancelled = transitionContext.transitionWasCancelled
            transitionContext.completeTransition(!wasCancelled)
            if !self.isPresenting {
                transitionContext.view(forKey: .from)?.removeFromSuperview()
                overlay?.removeFromSuperview()
                overlay = nil
            }
        })
        
    }
}

//MARK: --- 从中心弹出
class CenterPresentationController: NSObject, PresentationController {
    var isPresenting: Bool = false
    weak var delegate: PresentationControllerDeleate?
    
    //MARK: UIViewControllerAnimatedTransitioning
    public func transitionDuration(using transitionContext: UIViewControllerContextTransitioning?) -> TimeInterval {
        return 0.4
    }
    
    public func animateTransition(using transitionContext: UIViewControllerContextTransitioning) {
        guard let desViewController = transitionContext.viewController(forKey: .to),
            let _ = transitionContext.viewController(forKey: .from) else {
                fatalError()
        }
        //        let isPresenting = (self.presentingViewController == fromViewController)
        let key = isPresenting ? UITransitionContextViewKey.to : UITransitionContextViewKey.from
        guard let desView = transitionContext.view(forKey: key) else {
            fatalError()
        }
        
        let containerView = transitionContext.containerView
        let toFinalFrame = transitionContext.finalFrame(for: desViewController)
        
        if isPresenting {
            desView.frame = toFinalFrame
            containerView.addSubview(desView)
        }
        
        let duration = self.transitionDuration(using: transitionContext)
        var overlay = self.delegate?.overlayView()
        
        if isPresenting {
            let presentAnimation = CAKeyframeAnimation(keyPath: "transform")
            presentAnimation.duration = duration
            presentAnimation.values = [
                NSValue(caTransform3D: CATransform3DMakeScale(0.1, 0.1, 1.0)),
                NSValue(caTransform3D: CATransform3DMakeScale(1.1, 1.1, 1.0)),
                NSValue(caTransform3D: CATransform3DMakeScale(0.9, 0.9, 1.0)),
                NSValue(caTransform3D: CATransform3DIdentity)
            ]
            presentAnimation.keyTimes = [0.0, 0.5, 0.75, 1.0]
            presentAnimation.timingFunctions = [
                CAMediaTimingFunction(name: CAMediaTimingFunctionName(rawValue: "easeInEaseOut")),
                CAMediaTimingFunction(name: CAMediaTimingFunctionName(rawValue: "easeInEaseOut")),
                CAMediaTimingFunction(name: CAMediaTimingFunctionName(rawValue: "easeInEaseOut"))
            ]
            desView.layer.add(presentAnimation, forKey: nil)
        }
        UIView.animate(withDuration: duration, animations: {
            if self.isPresenting {
                overlay?.layer.opacity = 1
            } else {
                overlay?.layer.opacity = 0
                desView.layer.opacity = 0
            }
        }, completion: { result in
            let wasCancelled = transitionContext.transitionWasCancelled
            transitionContext.completeTransition(!wasCancelled)
            if !self.isPresenting {
                transitionContext.view(forKey: .from)?.removeFromSuperview()
                overlay?.removeFromSuperview()
                overlay = nil
                
            }
        })        
    }
}

使用方法：

需要我们新建一个UIVIiewController,在此视图控制器里面去自定义弹出的视图样式，然后使用类似于DialogPresentationController.showFromBottom(controller, presenting: self, didDismiss: nil)的方法去调用

class SettingViewController: UIViewController {

   
    override func viewDidLoad() {
        super.viewDidLoad()
        // 此方法是设置我们弹框的大小的
        self.preferredContentSize = CGSize(width: 300, height: 200)
        self.setUI()
    }

self.preferredContentSize = CGSize(width: 300, height: 200)不能省略，要不视图会显示不完整。

调用方法：

let controller = SettingViewController()
DialogPresentationController.showFromBottom(controller, presenting: self, didDismiss: nil)`
swift动画 —— 表情弹窗
LinShunIos的博客
10-08 455
首先创建一个长按手势，并创建响应方法，在响应方法里面添加一个print方法，这样打开模拟器后就可以查看是否添加成功。 func setupLongPressGesture() { view.addGestureRecognizer(UILongPressGestureRecognizer(target: self, action: #selector(handleLongPress))) } @objc func handleLongPress(gesture:
swift-iOS一个好用的弹窗弹窗动画效果很多界面自定义
08-14
iOS一个好用的弹窗,弹窗动画效果很多,界面自定义
Swift.类微博弹出动画
Ethan.Wong的博客
11-02 539
实现效果: view弹出时:背景渐变展示,有毛玻璃效果.view内部的button依次从上方弹到指定frame. view消失时:背景渐变消失,view内部button依次向上方弹出. 总结实现方式: 1.弹出一个view,首先增加他的渐变效果. 2.添加毛玻璃效果. 3.添加按钮的弹出效果. 4.添加按钮回调. 5.添加type,功能优化. 1.添加view进入退出的渐变效果. 给UIVie...
NMPopUpView, iOS的简单 Swift 类，显示带有动画的漂亮的弹出 Windows.zip
09-18
NMPopUpView, iOS的简单 Swift 类，显示带有动画的漂亮的弹出 Windows NMPopUpViewiOS的简单类，显示漂亮的弹出 Windows，用 Swift 编写。 项目是用 Swift 4.0构建的，因此需要 Xcode 9.0或者更高版本才能使用它。安装使用CocoaPods自动安装将
swift 弹出提示框
weixin_30437481的博客
07-25 746
func showMsgbox(_message: String, _title: String = "提示"){ let alert = UIAlertController(title: _title, message: _message, preferredStyle: UIAlertControllerStyle.alert) ...
iOS-swift-自定义弹框
wa172126691的博客
05-16 4901
弹框（在这里使用了 Spring动画框架） Spring动画可以参考我的这篇文章 https://blog.csdn.net/wa172126691/article/details/80335130 界面中间的弹框 // // SmileAlert.swift // H56580E2E // // import UIKit import Spring class SmileAl...
swift-PSPopListView弹出列表视图选择
08-14
Swift-PSPopListView是一款在iOS应用开发中常用的弹出列表视图组件，它为开发者提供了一种优雅的方式来呈现用户选择的界面。这个组件基于Swift语言编写，因此它充分利用了Swift的现代特性和语法，使得代码更加简洁、...
swift-HHPopController更好用的仿微信QQ弹框控件
08-15
总之，HHPopController是一个强大且灵活的Swift弹框控件，能够帮助开发者轻松实现类似微信和QQ的弹框效果，提升应用的用户体验。它的易用性、可定制性和良好的文档支持，使得它成为iOS开发者的理想选择。通过深入...
swift-ZHPopMenu简易友好的下拉弹窗
08-15
Swift-ZHPopMenu是一款在iOS应用开发中常用的下拉弹窗组件，主要针对Swift编程语言设计。这个组件为开发者提供了一种简易而友好的方式来实现弹出菜单功能，使得用户在界面中能够方便地选择不同的操作选项。下面将...
swift-弹出提示框自动换行适应大小易定制。
08-15
6. **动画效果**：为了增加用户体验，还可以添加动画效果，如淡入淡出、平移等，使弹框的出现和消失更加自然。 7. **布局与约束**：使用AutoLayout来设置视图的约束，确保它在不同屏幕尺寸下都能正确显示。可以根据...
swift 弹出框.zip
07-11
用swift写的一个小demo，仿照微信退出登录提示框写的
swift-TopAlert一个iOS顶部弹出UI组件提示
08-14
TopAlert一个 iOS顶部弹出UI组件提示。包括警告框，错误提示框，顶部错误提示。
swift-一款非常简单的展示工具。提示框加载框alert弹出框。一行代码搞定所有操作。
08-14
一款非常简单的展示工具。提示框，加载框，alert弹出框。一行代码搞定所有操作。
swift-OC弹窗库继承FWPopupBaseView即可轻松实现各种位置动画类型的弹窗
08-14
信手拈来的OC弹窗库：继承 FWPopupBaseView 即可轻松实现各种位置、动画类型的弹窗，简单易用、方便快捷
js动画弹出动画
02-02
js动态弹出动画响应式模态框单击按钮激活模式。三个演示，代码都在简单易懂
css实现一个弹框的动画（animation）
苏苏就是小苏苏的博客
10-18 5885
1.实现效果 2.实现代码 <div class="box" id="box">展示苏苏的二维码</div> <div class="codeBox" id="code_box"> <div id="hide"> <img src="./susu.png" /> </div> </div> body { padding: 0; margin: 0; display: flex; height: 100vh
SwiftUI4.0 iOS16新功能之自然状态的原生底部弹窗组件 presentationDetents
iCloudEnd的博客
06-07 1089
iOS 16 SwiftUI 4.0 中的新增功能，苹果引入了新的视图修饰符presentationDetents()，用于在带有上滑动画的表单呈现时控制表单呈现的大小。假设我们有BottomSheet关闭按钮。 底部工作表视图上方呈现呈现视图高度的 50% 假设我们想要在底部工作表视图上方呈现呈现视图高度的 50%。我们可以使用presentationDetent默认样式的medium. PresentationDetent.medium=> 大约为屏幕一半高度的纸张的系统定位，并且在紧凑高度时处于非活动
底部弹框动画及渐变背景色
MingHuang2017的博客
03-17 986
Android底部弹框动画及渐变背景色 概述 手机应用中的底部弹框经常都会用到，应该说也比较容易实现，网上有非常多的例子，不过都是视觉效果比较单一的，比如瞬间弹出、从底部慢慢升起、带半透明的背景色。如果把这些效果组合起来实现就会有些瑕疵，等下我会具体说一下我认为的瑕疵。现在来说一下实现以上几种效果的常见方法： 一、 动画效果实现方法 对于PopupWindow的动画效果，一种是用style, 一种...
Swift开发：UIAlertController 弹框
遇见--专栏
03-23 1365
封装了一个函数，用于弹框 /**      弹框            - parameter title: 标题      - parameter msg:   消息      - parameter btns:  弹框项      */     func show(title:String,msg:String,btns:[Strin
Swift开发中MMPopupView弹框控件的漂亮实现
标题中提到的“swift-MMPopupView”指的是一种在Swift编程语言中使用的弹框控件，它是iOS开发者经常使用的一种UI组件，用于在应用程序中显示临时的、模态的信息层，以提供用户反馈或者进行交互。根据标题描述，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值