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

Question

我需要为我的 iOS 应用 swift 创建一个类似 Gmail 的浮动文本字段。我怎样才能做到这一点？ 我以前使用 JVFloatLabeledTextField 但它与我想要的不相似。我需要创建类似于此图片的内容，其中占位符打破文本字段边框。

Answer 1

Google 已创建 Material Design Library 您可以使用。

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

Answer 2

播客文件：

#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)

  }
}