如何实现 Wunderlist iOS 应用程序中使用的这种类型的视图？

Question

How can I create the types of view that slide up from the bottom of the screen as pictured below? Is this a built-in view type or something custom?

The screen shots are from Wunderlist and The Hit List iOS apps respectively.

Answer 1

Just had a look at The Hit List there. Seems like they're just animating a view up from the bottom.

I'd go about this by creating a UIView , let's call it slidingView . You can do it in your existing storyboard or create a new .xib file for it. Then, when you call your viewDidLoad for the view controller that this slidingView will be contained in, move the slidingView view off screen and animate it in whenever you want.

Example:

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
    }

}