iOS 半弹窗效果三段高度

冰凉的枷锁.

已于 2022-09-29 18:30:47 修改

阅读量1.3k

点赞数 1

分类专栏： iOS Swift 文章标签： ios

于 2022-09-26 18:10:39 首次发布

本文链接：https://blog.csdn.net/qq_25639809/article/details/127058168

版权

iOS 同时被 2 个专栏收录

45 篇文章 2 订阅

订阅专栏

Swift

35 篇文章 0 订阅

订阅专栏

该效果基于MenuBarController实现，以处理嵌套手势问题

demo地址：https://github.com/ColdChains/MenuBarController.git

demo已上传Cocoapods，使用：pod ‘MenuBarController’

请添加图片描述

// 自定义topView
        let bar = UIView(frame: CGRect(x: (UIScreen.main.bounds.size.width - 30) / 2, y: 10, width: 30, height: 4))
        bar.backgroundColor = .lightGray
        bar.layer.cornerRadius = 2
        let topView = UIView(frame: CGRect(x: 0, y: 0, width: UIScreen.main.bounds.size.width, height: 44))
        topView.backgroundColor = .yellow
        topView.addSubview(bar)
        
        let vc = PresentViewController()
        let pmbc = PresentMenuBarController()
        pmbc.menuBar = topView;
        pmbc.topCornerRadius = 16;
        pmbc.viewControllers = [vc]
        
        // 自定义高度 也可通过协议修改
//        pmbc.minHeight = 200;
//        pmbc.middleHeight = 400;
//        pmbc.maxHeight = 600;
//        pmbc.defaultHeight = .middle;
        
        // 接管状态栏样式
        pmbc.modalPresentationStyle = .custom
        pmbc.modalPresentationCapturesStatusBarAppearance = true
        present(pmbc, animated: true, completion: nil)

通过协议修改配置：


extension PresentViewController: PresentMenuBarControllerDataSource {
    
    // 最小高度
    func presentMenuBarControllerMinHeight(_ presentMenuBarController: PresentMenuBarController) -> CGFloat {
        return 200
    }
    
    func presentMenuBarControllerMiddleHeight(_ presentMenuBarController: PresentMenuBarController) -> CGFloat {
        return 400
    }
    
    // 最大高度
    func presentMenuBarControllerMaxHeight(_ presentMenuBarController: PresentMenuBarController) -> CGFloat {
        return 600
    }
    
    // 初始化高度
    func presentMenuBarControllerDefaultHeight(_ presentMenuBarController: PresentMenuBarController) -> PresentMenuBarController.ContentHeight {
        return .middle
    }
    
}