首页 > 移动平台 > 详细

iOS自定义弹窗之翻牌动画—Swift

时间:2020-12-09 20:59:03      阅读:31      评论:0      收藏:0      [点我收藏+]

前言

项目中做的一个Swift版本的翻牌动画,在自定义Window弹窗基础上,使用transition动画实现。

作为一个开发者,有一个学习的氛围跟一个交流圈子特别重要,这是一个我的iOS交流群:196800191,加群密码:112233,不管你是小白还是大牛欢迎入驻 ,分享BAT,阿里面试题、面试经验,讨论技术, 大家一起交流学习成长!

效果图
技术分享图片

1.弹窗部分

弹窗考虑到解耦和使用便捷,采取自定义Window来实现,所有弹窗由一个可销毁单例来统一管理,这样可以很容易管理每个弹窗,也方便扩展其他类型的弹窗,当所有弹窗都全部销毁后,单例自行销毁

弹窗核心代码

//MARK: - 弹窗管理者
@objcMembers class CLPopupManager: NSObject {
    private static var manager: CLPopupManager?
    private class var share: CLPopupManager {
        get {
            guard let shareManager = manager else {
                manager = CLPopupManager()
                return manager!
            }
            return shareManager
        }
    }
    private var windowsDictionary = [String : CLPopupManagerWindow]()
    private override init() {
        super.init()
    }
    deinit {
//        CLLog("=====  \(self.classForCoder) deinit  =====")
    }
}
extension CLPopupManager {
    /// 显示自定义弹窗
    private class func showController(_ controller: CLPopupManagerController) {
        DispatchQueue.main.async {
            if controller.configure.isDisplacement {
                share.windowsDictionary.removeAll()
            }
            let window = CLPopupManagerWindow(frame: UIScreen.main.bounds)
            window.isPassedDown = controller.configure.isPassedDown
            window.windowLevel = UIWindow.Level.statusBar
            window.isUserInteractionEnabled = true
            window.rootViewController = controller
            window.makeKeyAndVisible()
            share.windowsDictionary[controller.configure.identifier] = window
        }
    }
    /// 隐藏所有弹窗
    class func dismissAll() {
        DispatchQueue.main.async {
            share.windowsDictionary.removeAll()
            manager = nil
        }
    }
    ///隐藏指定弹窗
    class func dismiss(_ identifier : String) {
        DispatchQueue.main.async {
            share.windowsDictionary.removeValue(forKey: identifier)
            if share.windowsDictionary.isEmpty {
                dismissAll()
            }
        }
    }
}

2.动画部分

动画的核心采取系统transition动画实现,加上其他基础动画组合而成

    func transition(withDuration duration: TimeInterval, completion: (() -> Void)?) {
        guard let top = topView, let bottom = bottomView else {
            return
        }
        if isTurning {
            return
        }
        isTurning = true
        if isReversed {
            UIView.transition(from: bottom, to: top, duration: duration, options: .transitionFlipFromLeft) { _ in
                completion?()
                self.isTurning = false
                self.isReversed = false
            }
        } else {
            UIView.transition(from: top, to: bottom, duration: duration, options: .transitionFlipFromRight) { _ in
                completion?()
                self.isTurning = false
                self.isReversed = true
            }
        }
    }

3.其他弹窗
技术分享图片
技术分享图片
技术分享图片

总结 核心代码已经贴出,完整代码请查看----->>>CLDemo,如果对你有所帮助,欢迎Star。

作者:季末微夏

链接:https://www.jianshu.com/p/e53e99a686ec

iOS自定义弹窗之翻牌动画—Swift

原文:https://www.cnblogs.com/fadaijun/p/14110451.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!