xcode 在 Swift 中让视图从底部滑入?

声明:本页面是StackOverFlow热门问题的中英对照翻译,遵循CC BY-SA 4.0协议,如果您需要使用它,必须同样遵循CC BY-SA许可,注明原文地址和作者信息,同时你必须将它归于原作者(不是我):StackOverFlow 原文地址: http://stackoverflow.com/questions/38595152/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me): StackOverFlow

提示:将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间:2020-09-15 09:05:05  来源:igfitidea点击:

Having View Slide in From Bottom in Swift?

iosswiftxcodestoryboard

提问by Mike Schmidt

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).

如果我的故事板中有一个视图设置,有没有办法在按下按钮时让该视图(自定义宽度和高度)从屏幕底部向上滑动?我希望屏幕只是覆盖(这样你仍然可以在下面的屏幕上按下东西)。

How would I set this up?

我该如何设置?

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?

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

回答by SwiftStudier

Swift 5 version:

斯威夫特 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)

        }

    }


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

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

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)

    }

}

回答by Roman Sheydvasser

SwiftStudier's answer updated for Swift 3:

SwiftStudier 为 Swift 3 更新的答案:

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.isOn ? 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), for: .valueChanged)

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