我怎样才能实现奇妙清单 iOS 应用程序中使用的这种类型的视图？

Question

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

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

Answer 1

刚刚在那里看了 The Hit List。好像他们只是从底部动画视图。

我会通过创建一个 UIView 来解决这个问题，我们称之为 slidingView。您可以在现有的情节提要中执行此操作或为其创建一个新的 .xib 文件。然后，当您为包含此 slidingView 的视图控制器调用 viewDidLoad 时，将 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
    }

}

我怎样才能实现奇妙清单 iOS 应用程序中使用的这种类型的视图？

How can I achieve this type of view used in Wunderlist iOS app?

interface-builder

ios

swift

示例：