如何在Wunderlist iOS应用程序中实现此类视图？

Question

如何创建从屏幕底部向上滑动的视图类型，如下图所示？这是内置的视图类型还是自定义的？

屏幕截图分别来自Wunderlist和The Hit List iOS应用程序。

Answer 1

刚看了那里的命中清单。似乎他们只是从底部动画一个视图。

我会通过创建一个UIView来解决这个问题，我们称之为slidingView。您可以在现有的故事板中执行此操作，也可以为其创建新的.xib文件。然后，当您为视图控制器调用viewDidLoad时，将包含此slidingView，将slidingView视图移出屏幕并随时为其设置动画。

例：

import UIKit

class ViewController: UIViewController {

    private struct Constants {

        static let animationDuration: TimeInterval = 0.3
        static let marginFromTop: CGFloat = 32.0

    }

    @IBOutlet private weak var slidingView: UIView!

    override func viewDidLoad() {
        super.viewDidLoad()

        moveSlidingViewOffScreen()
    }

    // MARK: - Actions

    @IBAction func buttonTap(_ sender: UIButton) {
        UIView.animate(withDuration: Constants.animationDuration) {
            self.slidingView.frame.origin.y = Constants.marginFromTop
        }
    }

    // MARK: - Private functions

    private func setupSlidingViewOffScreen() {
        slidingView.frame.origin.y = view.frame.height
    }

}