在 Swift 中让视图从底部滑入? [英] Having View Slide in From Bottom in Swift?

问题描述

如果我在情节提要中设置了视图，有没有办法在按下按钮时让该视图(自定义宽度和高度)从屏幕底部向上滑动?我希望屏幕只是覆盖(这样你仍然可以按下屏幕下方的东西).

If I have a view setup in my storyboard, is there a way that I can have that view (of a custom width and height) slide up from the bottom of my screen when a button is pressed? I would want the screen to just overlay (so that you would still be able to press things on the screen underneath).

我该如何设置?

func isChecked(){

    let window = UIApplication.sharedApplication().keyWindow

    window!.addSubview(collectionView)
    let height: CGFloat = 250
    let y = window!.frame.height - 250
    collectionView.frame = CGRect(x: 0, y: window!.frame.height, width: window!.frame.width, height: height)

    UIView.animateWithDuration(0.5, delay: 0, usingSpringWithDamping: 1, initialSpringVelocity: 1, options: .CurveEaseOut, animations: {
        self.collectionView.frame = CGRectMake(0, y, self.collectionView.frame.width, self.collectionView.frame.height)
        }, completion: nil)
}

func isUnchecked(){
    let window = UIApplication.sharedApplication().keyWindow
    UIView.animateWithDuration(0.3, animations: {
        self.collectionView.frame = CGRectMake(0, window!.frame.height, self.collectionView.frame.width, self.collectionView.frame.height)
    })
}

除了我在故事板中创建的视图之外，有没有什么方法可以完成我在上面所做的事情?

Is there a way that I can accomplish what I am doing above, except with a view that I create in my storyboard?

推荐答案

Swift 5 版本:

import UIKit

class ViewController: UIViewController {

   let collectionView: UICollectionView = {
   let frame = CGRect(x: 0, y: 50, width: UIScreen.main.bounds.size.width, height: UIScreen.main.bounds.size.height - 50)
   let col = UICollectionView(frame: frame, collectionViewLayout: UICollectionViewFlowLayout())
    col.layer.borderColor = UIColor.red.cgColor
    col.layer.borderWidth = 1.0
    col.backgroundColor = UIColor.yellow
    return col
  }()

        let switchView = UISwitch()

        func switched(s: UISwitch){
           let origin: CGFloat = s.on ? view.frame.height : 50
            UIView.animate(withDuration: 0.35) {
                self.collectionView.frame.origin.y = origin 
            }
        }

        override func viewDidLoad() {
            super.viewDidLoad()

            switchView.frame = CGRect(x: 0, y: 20, width: 40, height: 20)
            switchView.addTarget(self, action: #selector(switched), forControlEvents: .valueChanged)

            view.addSubview(switchView)
            view.addSubview(collectionView)

        }

    }

<小时>

我为您做了一个小演示:创建新项目并在 ViewController.swift 中编写代码，仅此而已.觉得有帮助

---

I've made a little demo for you: created new project and wrote that code in ViewController.swift, nothing more. Think it helps

import UIKit

class ViewController: UIViewController {

    let collectionView: UICollectionView = {
        let frame = CGRect(x: 0, y: 50, width: UIScreen.mainScreen().bounds.size.width, height: UIScreen.mainScreen().bounds.size.height - 50)
        let col = UICollectionView(frame: frame, collectionViewLayout: UICollectionViewFlowLayout())
        col.layer.borderColor = UIColor.redColor().CGColor
        col.layer.borderWidth = 1.0
        col.backgroundColor = UIColor.yellowColor()
        return col
    }()

    let switchView = UISwitch()

    func switched(s: UISwitch){
        let origin: CGFloat = s.on ? view.frame.height : 50
        UIView.animateWithDuration(0.35) { 
            self.collectionView.frame.origin.y = origin
        }
    }

    override func viewDidLoad() {
        super.viewDidLoad()

        switchView.frame = CGRect(x: 0, y: 20, width: 40, height: 20)
        switchView.addTarget(self, action: #selector(switched), forControlEvents: .ValueChanged)

        view.addSubview(switchView)
        view.addSubview(collectionView)

    }

}

这篇关于在 Swift 中让视图从底部滑入?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！