FAFloatLabeledTextInput

概述

Swift 4.2 实现了称为“浮标标签模式”的 UX 模式。

FAFloatLabeledTextInput 包含了UITextField和UITextView的子类。此外，它为每个提供了 readiness for use 的 UITableViewCell 子类，并且配置了 FAFloatLabeledTextViewTableViewCell 以根据需要增长来容纳文本。

此设计深受 @jverdi 的 JVFloatLabeledTextField 以及 @aksswami 的 FloatLabelFields 启发。

标准示例

UITableViewCell 示例

用法

只需使用 FAFloatLabeledTextField 或 FAFloatLabeledTextView 替换 UITextField 或 UITextView 即可。

UITableViewCell 的子类可以直接在代码中使用，或者在 Interface Builder 中将原型单元格的类设置为 FAFloatLabeledTextFieldTableViewCell 或 FAFloatLabeledTextViewTableViewCell。

let titleField = FAFloatLabelTextField()
titleField.placeholder = "Title"
titleField.placeholderFont = .systemFont(ofSize: 16.0)
titleField.floatingLabelFont = .boldSystemFont(ofSize: 11.0)

let description = FAFloatLabelTextView()
descriptionField.placeholder = "Description"
descriptionField.placeholderFont = .systemFont(ofSize: 16.0)
descriptionField.floatingLabelFont = .boldSystemFont(ofSize: 11.0)

代码有很好的文档说明，还有很多可供选择，所以我鼓励你仔细阅读。

示例项目

要运行示例项目，请克隆仓库，然后首先从示例目录运行 pod install。

要求

该组件使用 Swift 4.2，这意味着它需要 iOS 7 或更高版本。

安装

FAFloatLabeledTextInput 通过 CocoaPods 提供。要安装它，只需将以下行添加到您的 Podfile 中

pod 'FAFloatLabeledTextInput'

作者

forgot

有什么想法？有什么问题？提出一个问题，或者给我发 Twitter。

许可证

FAFloatLabeledTextInput 在 MIT 许可证下可用。有关更多信息，请参阅 LICENSE 文件。