Четырехзначный столбец ввода/вывода в iOS

Question

Может кто-нибудь предложить мне, как создать 4-значный экран ввода PIN-кода, например, один раз пароль, пользователь войдет, и один круг будет проверен/затемнен.

Я знаю, что могу создать это с помощью изображений и скрытого текстового поля. Но я не в силах решить лучший путь для того же самого.

Любая помощь будет оценена по достоинству.

Answer 1

Представьте, что у вас есть UITextField. Получение входа пользователя в виде черных точек (и не раскрытие их информации) так же просто, как это делается (при условии, что UITextField называется field и что вы используете Swift).

field.secureTextEntry = true 

Честно говоря, я не совсем уверен, что вы просите, но это мое лучшее предположение.

Answer 2

Мое лучшее предположение для достижения этого с использованием изображения. Вы можете просто добавить изображение в подзаголовок 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) 
     } 

Аналогично вы можете сделать то же самое, если пользователь нажимает кнопку назад, чтобы очистить текстовое поле

Я сделал это, и работает как шарм для меня , Приветствия! счастливое кодирование.