我想在textfield键入文本时移动占位符文本

Question

我使用以下代码

UITextField *email =[[UITextField alloc]initWithFrame:CGRectMake(48, 330, 330, 50)];
UITextField *password =[[UITextField alloc]initWithFrame:CGRectMake(48, 400, 330, 50)];
email.backgroundColor = [UIColor whiteColor];
email.font = [UIFont fontWithName:@"Arial-BoldMT" size:22];
email.textColor = [UIColor blackColor];
email.keyboardType = UIKeyboardTypeEmailAddress;
email.spellCheckingType = YES;
email.layer.cornerRadius =10.5;
email.clipsToBounds = YES;
email.placeholder=@"Email address";
email.textAlignment=NSTextAlignmentLeft;
email.layer.borderWidth = 1;
email.layer.borderColor = [[UIColor blackColor] CGColor];

Answer 1

我相信，OP想要的是类似于输入的HTML5 +引导行为，因为当用户开始键入占位符文本时，占位符时（或上方）。 iOS中的行为没有默认/构建（我知道）。

即使您没有对此表示任何尝试（您应该这样做，并且人们想在尝试提供帮助之前就尝试尝试 - 我也希望至少尝试一次尝试），我有一些初步的建议/帮助您应该指向您要完成的工作的正确方向：

我建议创建一个自定义视图，该视图与您的测试场以及另一个标签一起使用（该标签将用于显示占位符时，用户开始在文本字段中键入）。

在XIB中，将标签设置为高于文本字段（因此在顶部显示）。

将“占位符”的底部约束设置为“ textfield”的顶部，“ textfield”偏移了“ placeholderLabel”的高度，将此约束连接到您的自定义视图上的iboutlet，我们将在以后使用<<代码>垂直空格constraintforplaceholder whelediting 。

然后使您的自定义视图（持有两个元素）textfielddelegate并实现- （bool）textfield ：（ uitextfield *）textfield shordchangecharactersinrange ：（ nsrange）range range replasementsTring：（nsstring *）代码>根据文本字段是否具有占位符文本（是否具有任何内容）来确定是否显示或隐藏占位符标签 - textfield的IBOUTLET是公开的（在.h中），因为它可能需要要通过其他类访问：

@interface R4NShiftingPlaceholderInputView() <UITextFieldDelegate>
@property (strong, nullable) IBOutlet UILabel *placeholderWhenEditing;
@property (strong, nullable) IBOutlet NSLayoutConstraint *verticalSpacingConstraintForPlaceholderWhileEditing;
@end

@implementation R4NShiftingPlaceholderInputView

- (void)awakeFromNib {
    [super awakeFromNib];
    self.placeholderWhenEditing.alpha = 0.0f;
    self.placeholderWhenEditing.text = self.textField.placeholder;
    self.textField.layer.cornerRadius = 10.5f;
}

- (BOOL)textField:(UITextField *)textField shouldChangeCharactersInRange:(NSRange)range replacementString:(NSString *)string {
    // determine if we're going to have an empty string after
    NSString *completeString = [textField.text stringByReplacingCharactersInRange:range withString:string];
    CGFloat alphaValue = 0.0f;
    CGFloat animationSpeed = 0.07f;
    if (completeString.length > 0) {
        alphaValue = 1.0f;
        animationSpeed = 0.2f;
        // if you'd prefer to have it appear on top of the text field instead of near the top line, set the constraint to 0 instead (placeholderWhileEditing
        self.verticalSpacingConstraintForPlaceholderWhileEditing.constant = floorf(self.placeholderWhenEditing.frame.size.height / 2);
    } else {
        self.verticalSpacingConstraintForPlaceholderWhileEditing.constant = self.placeholderWhenEditing.frame.size.height;
    }
    [UIView animateWithDuration:animationSpeed animations:^{
        self.placeholderWhenEditing.alpha = alphaValue;
        [self layoutIfNeeded];
    }];
    return YES;
}

这是使用上述代码的示例：