如何在 UITextField 中移动清除按钮？答案

【问题标题】：How can I move the clear button in a UITextField?如何在 UITextField 中移动清除按钮？
【发布时间】：2011-02-25 10:13:58
【问题描述】：

由于某种原因，当我将 UITextfield 添加为表格单元格的内容视图的子视图时，清除按钮与在字段中键入的文本不对齐，并且出现在其下方。有什么办法可以移动 clearbutton 的文本来阻止这种情况发生？感谢您的帮助，

【问题讨论】：

标签： iphone objective-c uitableview uitextfield

【解决方案1】：

正如@Luda 所说，正确的方法是继承 UITextField 并覆盖 - (CGRect)clearButtonRectForBounds:(CGRect)bounds。然而，传递给方法的边界是视图本身的边界，而不是按钮的边界。因此，您应该致电super 以获取操作系统提供的尺寸（以避免图像失真），然后根据您的需要调整原点。

例如

- (CGRect)clearButtonRectForBounds:(CGRect)bounds {
    CGRect originalRect = [super clearButtonRectForBounds:bounds];
    return CGRectOffset(originalRect, -10, 0); //shift the button 10 points to the left
}

苹果docs 状态：

讨论你不应该直接调用这个方法。如果你想将清除按钮放在不同的位置，您可以覆盖它方法并返回新的矩形。你的方法应该调用 super 实现并仅修改返回的矩形的原点。更改清除按钮的大小可能会导致不必要的失真按钮图像。

【讨论】：

【解决方案2】：

Van Du Tran 在 Swift 4 中的回答：

class CustomTextField: UITextField {


override func clearButtonRect(forBounds bounds: CGRect) -> CGRect {
    let originalRect = super.clearButtonRect(forBounds: bounds)

    return originalRect.offsetBy(dx: -8, dy: 0)
}

}

【讨论】：

【解决方案3】：

我继承了UITextField 并覆盖了函数clearButtonRectForBounds:。

.h

#import <UIKit/UIKit.h>

@interface TVUITextFieldWithClearButton : UITextField

@end

.m

#import "TVUITextFieldWithClearButton.h"

@implementation TVUITextFieldWithClearButton

- (id)initWithFrame:(CGRect)frame
{
    self = [super initWithFrame:frame];
    if (self) {
        // Initialization code
    }
    return self;
}

- (void)awakeFromNib
{
    self.clearButtonMode = UITextFieldViewModeWhileEditing;
}


- (CGRect)clearButtonRectForBounds:(CGRect)bounds
{
    return CGRectMake(bounds.size.width/2-20 , bounds.origin.y-3, bounds.size.width, bounds.size.height);
}

@end

【讨论】：

您似乎对其他答案投了反对票。不酷。
我对其中一个答案投了反对票。我这样做是因为我认为答案是错误的。我已经评论了我为什么这么认为，我很高兴继续与您讨论这个问题（在相关线程上）。最重要的是了解事情是如何正确完成的，而不是你有多酷。

【解决方案4】：

我还没有看到这个，屏幕截图会很有帮助。但是，快速的答案是您可以检查 UITextField 的子视图数组，找到包含清除按钮的子视图，并调整其 frame.origin。

编辑：我似乎对这个答案（写于 2010 年）投了反对票。这不是“官方”批准的方法，因为您正在操作私有对象，但 Apple 无法检测到它。主要风险是视图层次结构可能会在某些时候发生更改。

【讨论】：

感谢您的提示，我现在正在路上，但是一旦我停下来，我会尝试一下并更新您。
是的，我只是要移动子视图。
UITextField.m 的代码无法访问。 UITextField 应该是子类
是的，您无法访问 UITextField 的 .m。此外，您不应该访问它。您可以更改公开的属性或子类。但是提供的解决方案是错误的。
如果“苹果不想让你这样做”，那么苹果可能计划在未来改变它。如果您可以在这里和那里为随机 sdk\iOS 版本修复东西，那么您可以这样做。否则，您应该遵循他们的指导方针

【解决方案5】：

继承 UITextField 并覆盖此方法：

- (CGRect)clearButtonRectForBounds:(CGRect)bounds
{
    return CGRectMake(bounds.origin.x - 10, bounds.origin.y, bounds.size.width, bounds.size.height);
}

返回符合您需求的 CGRect。

【讨论】：

这不会把按钮放在右边缘。这将：返回 CGRectMake(bounds.size.width/2-20, bounds.origin.y-3, bounds.size.width, bounds.size.height);

【解决方案6】：

斯威夫特 4、5

子类 UITextField（完美运行，经过测试）

class textFieldWithCrossButtonAdjusted: UITextField {

    override func clearButtonRect(forBounds bounds: CGRect) -> CGRect {

        let originalRect = super.clearButtonRect(forBounds: bounds)

        //move 10 points left

        return originalRect.offsetBy(dx: -10, dy: 0)
    }
}

【讨论】：

您能否指定一个有效的反对理由？

【解决方案7】：

Swift 4 版本将是

import UIKit

class LoginTextField: UITextField {

    override func clearButtonRect(forBounds bounds: CGRect) -> CGRect {
        return CGRect(x: xPos, y:yPos, width: yourWidth, height: yourHeight)
    }

}

【讨论】：