自定义 UITextField 清除按钮

Question

是否可以在 UITextField 中自定义清除按钮的图像？我有一个深色的文本字段背景，“x”不够明显。

Answer 1

您可以将自己的自定义清除按钮设置为文本字段的 rightView 属性。确保将 rightViewMode 属性设置为 UITextFieldViewModeWhileEditing 或 UITextFieldViewModeAlways，无论什么对您的情况有意义。

如果按钮的位置不适合您的需要，您可以继承 UITextField 并重写 rightViewRectForBounds: 方法。

文档说 clearButtonMode 属性的默认值为 UITextFieldViewModeNever，但我怀疑 Interface Builder 可能会将其设置为 UITextFieldViewModeWhileEditing - 确保将其设置为“从不”值，因此它不会出现。

所有这些属性都记录在 UITextField 类参考中。

Answer 2

您可以使用 KVO 访问该属性：

UIButton *clearButton = [myTextField valueForKey:@"_clearButton"];
[clearButton setImage:[UIImage new] forState:UIControlStateNormal];

Answer 3

已测试 iOS7.0 - 8.4

可以使用以下 UIAppearance 方法更新所有透明按钮的背景图像。不幸的是，您无法更新按钮的图像：

UIButton *defaultClearButton = [UIButton appearanceWhenContainedIn:[UITextField class], nil];
[defaultClearButton setBackgroundImage:[UIImage imageNamed:@"clearButtonBkg1.png"] forState:UIControlStateNormal];

使用以下图像，这会产生以下清晰的按钮：

白色背景图像@3x：

注意：这将更新文本字段中包含的所有按钮的背景图像

Answer 4

斯威夫特3

let customClearButton = UIButton.appearance(whenContainedInInstancesOf: [UITextField.self])
customClearButton.setBackgroundImage(UIImage(named: "custom_cb"), for: .normal)

Answer 5

Swift 2.2+ / iOS 9+ 版本@Brody Robertson 的回答：

let defaultClearButton = UIButton.appearanceWhenContainedInInstancesOfClasses([UITextField.self])
defaultClearButton.setBackgroundImage(UIImage(named: "ClearIcon"), forState: UIControlState.Normal)

Answer 6

取决于 @Tuss László 的答案

Swift 3.0

myTextField.clearButtonMode = .whileEditing
if let clearButton = myTextField.value(forKeyPath: "_clearButton") as? UIButton {
    clearButton.setImage(UIImage(named:"myImage"), for: .normal)
    clearButton.setImage(UIImage(named:"myImage"), for: .highlighted)
}

但要小心使用它。如果 Apple 在未来的 iOS 版本中改变实现，那是行不通的

Answer 7

一种方法是创建一个自定义 UITextField，将所需的图像作为子视图，并在点击时清除父文本字段。您禁用默认按钮并在此自定义文本字段中添加自定义行为。

这应该可以帮助您开始。如果有任何更具体的问题，请随时编辑您的问题或在此处发表评论（如果这是一个小问题）。