【问题标题】:iOS: Make a UITextField like WhatsApp Verification Code TextField?iOS:制作一个类似于 WhatsApp 验证码 TextField 的 UITextField?
【发布时间】:2016-07-12 10:25:53
【问题描述】:

我的问题是我想制作一个UITextField 像 WhatsApp 验证码文本字段(如下图所示)。其中默认值包含要输入的字符数(作为用户提示)。当用户输入文本时,提示字符与输入的字符一一替换?

非常感谢任何帮助。

【问题讨论】:

  • 我认为这个库适合你
  • @Birendra 谢谢,但我必须在不使用任何第三方库的情况下执行此操作。我不能只为单个 textField 添加第三方库..
  • 所以你必须为此做自定义代码

标签: ios objective-c uitextfield


【解决方案1】:

请参考我之前回答的以下链接。希望你能知道如何做到这一点。仅单个UITextField,不使用第三方库。

链接-https://stackoverflow.com/a/36769911/5097148

不要使用粘贴进行一些更改-

textField上方添加myLable,然后在viewDidLoad()中添加此代码

self.myLable.userInteractionEnabled=true;
UITapGestureRecognizer *LongPressgesture = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(tapPressgesture:)];
tapPressgesture.delegate=self;
[self.myLable addGestureRecognizer:tapPressgesture];

- (void)tapPressgesture:(UITapPressGestureRecognizer *)recognizer
{
    [self.txtField becomeFirstResponder];

}

对于像您的图像这样的背景,您可以设置 textField 背景图像属性或为您的文本字段添加底部边框。 UITextField 边框样式必须为 UITextBorderStyleNone 如果您有任何问题,请告诉我。

编码愉快:)

【讨论】:

  • 感谢您的帮助。但是在您的链接中它可以正常工作,但是我怎样才能停止将文本粘贴到 textField 中。
  • @rmk 随时接受通过单击右键解决您的问题的任何答案。很高兴为您提供帮助:)
【解决方案2】:

添加 6 个文本字段和背景图像后。

-(BOOL)textFieldShouldReturn:(UITextField *)textField {

    return YES;
}


-(void)textFieldDidEndEditing:(UITextField *)textField{

    if (textField==textfield1)
    {

        [textfield1 resignFirstResponder];
        [textField2 becomeFirstResponder];


    }

    else if (textField==textfield2)
    {
        [textfield2 resignFirstResponder];
        [textField3 becomeFirstResponder];


    }


}

继续直到文本字段 6

【讨论】:

  • 有任何疑问可以问我
  • @rmk 仍然面临问题..?
猜你喜欢
  • 2015-08-14
  • 2013-02-14
  • 2014-02-12
  • 2020-03-10
  • 1970-01-01
  • 2017-09-28
  • 2021-03-05
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多