iOS中的四位数Pin输入/ OTP屏幕

时间:2015-12-19 06:06:32

标签: ios iphone xcode mobility

任何人都可以建议我如何创建一个4位数的图钉输入屏幕,如一次性密码,用户将进入,一个圆圈将被检查/变暗。

我知道我可以通过使用图像和隐藏文本字段来创建它。但我无法确定相同的最佳方式。

任何帮助将不胜感激。

2 个答案:

答案 0 :(得分:3)

想象一下,你有UITextField。让用户的输入显示为黑点(并且不公开其信息)就像这样做(假设UITextField被称为field,并且您正在使用Swift)。

field.secureTextEntry = true

老实说,我不完全确定你在问什么,但这是我最好的猜测。

答案 1 :(得分:0)

我最好使用图像来实现这一点。您只需在UITextField的子视图中添加图像即可。

 func addImageToTextField(txtPin : UITextField)
    {
        let imageView = UIImageView();

        let image = UIImage(named: "darkImage.png");

        imageView.image = image;

        imageView.frame = CGRect(x: 0, y: 0, width: txtPin.frame.width, height: txtPin.frame.height)

        txtPin.addSubview(imageView)

    }

textFieldshouldChangeCharactersInRange

调用此方法
func textField(textField: UITextField, shouldChangeCharactersInRange range: NSRange, replacementString string: String) -> Bool {

        textField.textColor = UIColor.clearColor()
        if (!string.isEmpty) {

            self.addImageToTextField(textField)
         }

类似地,如果用户按下后退按钮以清除文本字段

,则可以执行相同的操作

我做到了这一点,对我来说就像一个魅力。干杯!!快乐的编码。