Entrez une vue UIImageView à droite dans un UITextField

J'ai une cible d'action que lorsqu'un bouton est enfoncé, je valide la UITextFields:

//Get the text from the UITextField
NSString *nameStr = _name.text;

_name.rightView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"error.png"]];
[self.view addSubview:_name];

if (nameStr.length == 0)
{
    UIAlertView *alert = [[UIAlertView alloc] initWithTitle:@"Invalid Name"
                                                    message:@"You must enter a name."
                                               delegate:nil
                                          cancelButtonTitle:@"OK"
                                          otherButtonTitles:nil];
    [alert show];
}

Mon UITextFields sont ajoutés à la vue dans le viewDidLoad:

[self.view addSubview:_name];

Comment puis-je faire un rightview UIImageView apparaissent?

source d'informationauteur cdub | 2013-10-08

Êtes-vous sûr de ne manquant pas de le UITextField cadre ? Et êtes-vous au réglage de la rightViewMode ?

C'est un exemple que je viens d'écrire semble fonctionner correctement.

UITextField *rightField = [[UITextField alloc] initWithFrame:CGRectMake(0, 0, 140, 50)];
rightField.backgroundColor = [UIColor redColor]; //For testing purpose
rightField.rightViewMode = UITextFieldViewModeAlways;//Set rightview mode

UIImageView *rightImageView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"Tick_white_color"]];
rightField.rightView = rightImageView; //Set right view as image view

[self.view addSubview:rightField];

Ici est la tique image comme résultat :
Entrez une vue UIImageView à droite dans un UITextField

24

Vous devez définir rightViewMode de la Textfield car La valeur par défaut de cette propriété est UITextFieldViewModeNever.

donc, Vous devez régler le Mode de la suite,
```
   UITextFieldViewModeWhileEditing,
   UITextFieldViewModeUnlessEditing,
   UITextFieldViewModeAlways
```

Solution rapide 3:

class CustomText: UITextField {
    @IBInspectable var rightImage : UIImage?{
        didSet{
            self.rightView = UIImageView(image: rightImage)
            //select mode -> .never .whileEditing .unlessEditing .always
            self.rightViewMode = .always
        }
    }
}

Dans Swift 3.Pour afficher une image avant le texte de l'espace réservé dans UITextField

func setPaddingView(strImgname: String,txtField: UITextField){
        let imageView = UIImageView(image: UIImage(named: strImgname))
        imageView.frame = CGRect(x: 0, y: 5, width: imageView.image!.size.width , height: imageView.image!.size.height)
        let paddingView: UIView = UIView.init(frame: CGRect(x: 0, y: 0, width: 50, height: 30))
        paddingView.addSubview(imageView)
        txtField.leftViewMode = .always
        txtField.leftView = paddingView
    }

À la Fonction d'appel

self.setPaddingView(strImgname: "mail", txtField: txtEmail)

Entrez une vue UIImageView à droite dans un UITextField

Si vous avez deux ou plusieurs champ ensuite, essayez ce code! son travail pour moi.

    dropDownImageViewForTextField1 = [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, 20, 20)];
    dropDownImageViewForTextField1.image = [UIImage imageNamed:@"dropdown_n_icon.png"];

    dropDownImageViewForTextField2 = [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, 20, 20)];
    dropDownImageViewForTextField2.image = [UIImage imageNamed:@"dropdown_n_icon.png"];


    txtField1.rightViewMode = UITextFieldViewModeAlways;
    txtField1.rightView = dropDownImageViewForTextField1;

    txtField2.rightViewMode = UITextFieldViewModeAlways;
    txtField2.rightView = dropDownImageViewForTextField2;

Faire vérifier 2 choses

TxtField.rightViewMode = UITextFieldViewModeAlways
Séparé imageView pour chaque textfield

Solution avec @IBDesignable et Swift 3

Tout d'abord, vous pouvez créer @IBDesignable pour UITextField comme ça.

@IBDesignable extension UITextField{

    @IBInspectable var setImageName: String {
            get{
                return ""
            }
            set{
                let imageView: UIImageView = UIImageView(frame: CGRect(x: 0, y: 0, width: 20, height: 20))
                imageView.image = UIImage(named: newValue)!
                self.rightView = imageView
                self.rightViewMode = UITextFieldViewMode.always
        }

    }

Note: Vous devez écrire obtenir et ensemble points pour @IBInspactable bloc parce que Swift a avertir d'appliquer les méthodes getter et setter ensemble. Nous n'avons pas besoin d'utiliser l'instruction get, donc renvoyées chaîne vide. Aussi le nom de l'attribut inclure le Bouton, mais pas les confondre, c'est une erreur.

Puis cliquez sur le UITextField sur Storyboard et donner la spesific nom de l'image à la setAButtonImageName attribut.

Entrez une vue UIImageView à droite dans un UITextField

Alors vous obtiendrez le résultat suivant

Entrez une vue UIImageView à droite dans un UITextField

L'autre situation est la créer rightView avec semble a marge de droite

Voici la capture d'écran.

Entrez une vue UIImageView à droite dans un UITextField

Vous pouvez utiliser un UIView comme conteneur que pouvez ajouter la UIImageView dans le présent UIView. Ici, vous devez calculer la marge de droiteconteneur vue largeur et UIImageViews' de largeur.

@IBInspectable var setImageName: String {
        get{
            return ""
        }
        set{
            let containerView: UIView = UIView(frame: CGRect(x: 0, y: 0, width:50, height: self.frame.height))
            let imageView: UIImageView = UIImageView(frame: CGRect(x: 0, y: 0, width: 20, height: 20))
            imageView.image = UIImage(named: newValue)!
            containerView.addSubview(imageView)
            imageView.center = containerView.center
            self.rightView = containerView
            self.rightViewMode = UITextFieldViewMode.always
        }
    }

Vous devez vous connecter pour publier un commentaire.