如何移动/动画 UITextField 占位符文本

Posted

技术标签:

【中文标题】如何移动/动画 UITextField 占位符文本【英文标题】:How to move/animate UITextField placeholder text 【发布时间】:2017-04-25 05:05:44 【问题描述】:

在许多应用程序中,占位符文本会在选择文本字段时发生变化和动画。这种能力是源于 UITextField.placeholder 的某些属性,还是开发人员使用另一个视图并对其进行动画处理。

【问题讨论】:

哪种动画? 【参考方案1】:

如果您想要与您在问题中描述的相同的漂亮动画,请尝试关注 UITextField 的第三方存储库。

RPFloatingPlaceholders
JVFloatLabeledTextField
UIFloatLabelTextField
FloatLabelFields

如果您正在寻找与此动画等效的 UITextView,请访问 UIFloatLabelTextView 存储库。

【讨论】:

苹果会允许这样做吗? @KarthikeyanSk 是的【参考方案2】:

要为UITextField 占位符设置动画,您可以尝试这种方法:

func animatePlaceHolder(_ textField: UITextField) 
    // Get the placeHolder reference
    let placeHolderLabel = textField.subviews.first(where:  NSStringFromClass(type(of: $0)) == "UITextFieldLabel" )

    // animate
    UIView.animate(withDuration: 1.0) 
        // Animate place holder properties here
    

您可以在textFieldDidBeginEditing(_ textField: UITextField) 方法中调用此函数。 您还可以使用此功能创建一个UITextField 扩展,因此您不必将其复制粘贴到每个需要为placeHolders 设置动画的viewController

【讨论】:

以上是关于如何移动/动画 UITextField 占位符文本的主要内容,如果未能解决你的问题,请参考以下文章

占位符右对齐的 UITextField 不能正确向右移动

如何实现占位符文本在 UITextField 中逐个字符消失

将占位符添加到 UITextField,如何以编程方式快速设置占位符文本?

如何使用左侧的占位符和右侧的编辑文本创建 UITextField?

如何将标签添加到 textField 类或动画占位符

在 UITextField 占位符中输入文本时,应一次消失一个字母