ios - 我怎样才能实现在 Wunderlist iOS 应用程序中使用的这种类型的 View ？

Question

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

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

Answer 1

刚刚看了看 The Hit List。看起来他们只是在为从底部向上的 View 设置动画。

我将通过创建一个 UIView 来解决这个问题，我们称它为 slidingView。您可以在现有的 Storyboard 中执行此操作或为其创建一个新的 .xib 文件。然后，当您为将包含此 slidingView 的 View Controller 调用 viewDidLoad 时，将 slidingView View 移出屏幕并在其中设置动画随时随地。

示例:

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
    }

}