ワンタイムパスワードのような4桁のピン入力画面を作成する方法を誰かに提案できますか?ユーザーが入力すると、1つの円がチェック/暗くなります。
画像と非表示のテキスト フィールドを使用してこれを作成できることはわかっています。しかし、私は同じことの最善の方法を決めることができません。
どんな助けでも大歓迎です。
があると想像してくださいUITextField
。ユーザーの入力を黒い点として表示する (そしてユーザーの情報を公開しない) ようにすることは、これを行うのと同じくらい簡単です (UITextField
が呼び出されfield
、Swift を使用していると仮定します)。
field.secureTextEntry = true
正直なところ、あなたが何を求めているのか完全にはわかりませんが、これが私の最善の推測です。
画像を使用してこれを達成するための私の最善の推測。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)
}
同様に、ユーザーが戻るボタンを押してテキストフィールドをクリアした場合も同じことができます
私はこれを行い、私にとって魅力のように機能します。乾杯 !!幸せなコーディング。