如何在 ios swift 中创建类似于 gmail 的浮动文本字段？

Question

我需要为我的 iOS 应用快速创建一个浮动文本字段，例如 Gmail。我怎样才能做到这一点？ 我以前使用过JVFloatLabeledTextField，但它与我想要的不相似。我需要在这张图片中创建类似的东西，其中占位符打破了文本字段的边框。

Answer 1

Podfile：

#Material Design for UIComponents.
pod 'MaterialComponents'

ViewController.swift

import UIKit
import MaterialComponents

class ViewController: UIViewController, UITextFieldDelegate {

@IBOutlet weak var textFld_EmailId: MDCTextField!
@IBOutlet weak var textFld_Password: MDCTextField!
@IBOutlet weak var textFld_MobileNo: MDCTextField!

// MARK: Properties
var emailIdController: MDCTextInputControllerOutlined?
var passwordController: MDCTextInputControllerOutlined?
var mobileNoController: MDCTextInputControllerOutlined?

override func viewDidLoad() {
    super.viewDidLoad()
    // Do any additional setup after loading the view, typically from a nib.
    emailIdController = MDCTextInputControllerOutlined(textInput: textFld_EmailId)
    passwordController = MDCTextInputControllerOutlined(textInput: textFld_Password)
    mobileNoController = MDCTextInputControllerOutlined(textInput: textFld_MobileNo)

  }
}

Answer 2

Google 已经创建了一个Material Design Library 供您使用。

您发送的图片是他们的 MDCTextInputControllerOutlined 视图。