UITextfield leftView/rightView rembourrage sur iOS7

Était en train de travailler sur moi-même et utilisé cette solution:

- (CGRect) rightViewRectForBounds:(CGRect)bounds {

    CGRect textRect = [super rightViewRectForBounds:bounds];
    textRect.origin.x -= 10;
    return textRect;
}

Cela vous permettra de déplacer l'image au-dessus de la droite par 10 au lieu d'avoir l'image pressé contre le bord dans iOS 7.

En outre, c'était dans une sous-classe de UITextField, qui peut être créé par:

1. Créer un nouveau fichier qui est une sous-classe de UITextField au lieu de la valeur par défaut NSObject

2. Ajouter une nouvelle méthode nommée - (id)initWithCoder:(NSCoder*)coder pour définir l'image

   - (id)initWithCoder:(NSCoder*)coder {
       self = [super initWithCoder:coder];
   
       if (self) {
   
           self.clipsToBounds = YES;
           [self setRightViewMode:UITextFieldViewModeUnlessEditing];
   
           self.leftView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"textfield_edit_icon.png"]];
       }
   
       return self;
   }

3. Vous pouvez importer #import <QuartzCore/QuartzCore.h>

4. Ajouter le rightViewRectForBounds méthode ci-dessus

5. Dans Interface Builder, cliquez sur le Champ que vous souhaitez à la sous-classe et de modifier l'attribut de classe est le nom de cette nouvelle sous-classe

Façon la plus simple est d'ajouter une UIView à leftView/righView et ajouter une ImageView de UIView , ajuster l'origine de l'ImageView à l'intérieur de UIView partout où vous le souhaitez , cela a fonctionné pour moi comme un charme. Il n'a besoin que de quelques lignes de code

UIImageView *imgView = [[UIImageView alloc] initWithFrame:CGRectMake(10, 5, 26, 26)];
imgView.image = [UIImage imageNamed:@"img.png"];

UIView *paddingView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 32, 32)];
[paddingView addSubview:imgView];
[txtField setLeftViewMode:UITextFieldViewModeAlways];
[txtField setLeftView:paddingView];

Cela fonctionne pour moi

UIView *paddingView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 10, 20)];
self.passwordTF.leftView = paddingView;
self.passwordTF.leftViewMode = UITextFieldViewModeAlways;

Peut-il vous aide.

La meilleure façon de le faire est de simplement faire une classe à l'aide de la sous-classe de l'objet UITextField et dans .m fichier

  #import "CustomTextField.h"
  #import <QuartzCore/QuartzCore.h>
  @implementation CustomTextField


- (id)initWithCoder:(NSCoder*)coder 
 {
self = [super initWithCoder:coder];

if (self) {

    //self.clipsToBounds = YES;
    //[self setRightViewMode:UITextFieldViewModeUnlessEditing];

    self.leftView = [[UIView alloc] initWithFrame:CGRectMake(0, 0,15,46)];
    self.leftViewMode=UITextFieldViewModeAlways;
      }

return self;

}

en faisant cela, allez à votre storyboard ou xib et cliquez sur l'identité de l'inspecteur et de remplacer UITextfield avec votre propre "CustomTextField" dans la classe option.

Remarque: Si vous donnez simplement rembourrage avec mise en page automatique pour textfield, alors votre demande ne sera pas exécuté et ne montrer que l'écran est vide.

Créer un UITextField de la classe et de l'utilisation de cette classe au lieu de UITextField. Override - (CGRect) textRectForBounds:(CGRect)limites pour définir le rectangle que vous avez besoin

Exemple

- (CGRect)textRectForBounds:(CGRect)bounds{
     CGRect textRect = [super textRectForBounds:bounds];
     textRect.origin.x += 10;
     textRect.size.width -= 10;
     return textRect;
}

Un truc: Ajouter une UIView contenant UIImageView à UITextField comme rightView. Cette UIView doit être de plus grande taille, aujourd'hui place de la UIImageView à gauche. Donc, il y aura un remplissage de l'espace de droite.

//Add a UIImageView to UIView and now this UIView to UITextField - txtFieldDate
UIView *viewRightIntxtFieldDate = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 20, 30)]; 
//(Height of UITextField is 30px so height of viewRightIntxtFieldDate = 30px)
UIImageView *imgViewCalendar = [[UIImageView alloc] initWithFrame:CGRectMake(0, 10, 10, 10)];
[imgViewCalendar setImage:[UIImage imageNamed:@"calendar_icon.png"]];
[viewRightIntxtFieldDate addSubview:imgViewCalendar];
txtFieldDate.rightViewMode = UITextFieldViewModeAlways;
txtFieldDate.rightView = viewRightIntxtFieldDate;

Exemple ci-dessous est pour l'ajout de remplissage horizontal à gauche vue de ce qui arrive à être une icône - vous pouvez utiliser la même approche pour l'ajout de rembourrage pour tout UIView que vous souhaitez utiliser en tant que le champ de vue de gauche.

À l'intérieur de UITextField sous-classe:

static CGFloat const kLeftViewHorizontalPadding = 10.0f;

@implementation TextFieldWithLeftIcon
{
  UIImage *_image;
  UIImageView *_imageView;
}

- (instancetype)initWithFrame:(CGRect)frame image:(UIImage *)image
{
  self = [super initWithFrame:frame];
  if (self) {
    if (image) {
      _image = image;
      _imageView = [[UIImageView alloc] initWithImage:image];
      _imageView.contentMode = UIViewContentModeCenter;
      self.leftViewMode = UITextFieldViewModeAlways;
      self.leftView = _imageView;
    }
  }
  return self;
}

#pragma mark - Layout 

- (CGRect)leftViewRectForBounds:(CGRect)bounds
{
  CGFloat widthWithPadding = _image.size.width + kLeftViewHorizontalPadding * 2.0f;
  return CGRectMake(0, 0, widthWithPadding, CGRectGetHeight(bounds));
}

Même si nous sommes un sous-classement UITextField ici, je crois que c'est le plus propre approche.

merci les gars pour vos réponses, à ma grande surprise, aucun d'entre eux vraiment monté à la droite de l'image vue à mon textfield tout en fournissant toujours le besoin de rembourrage. puis j'ai pensé à utiliser la AspectFill mode et les miracles qui s'est passé. pour les futurs demandeurs d', voici ce que j'ai utilisé:

UIImageView *emailRightView = [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, 35, 35)];
emailRightView.contentMode = UIViewContentModeScaleAspectFill;
emailRightView.image = [UIImage imageNamed:@"icon_email.png"];
emailTextfield.rightViewMode = UITextFieldViewModeAlways;
emailTextfield.rightView = emailRightView;

35 dans le cadre de ma imageview représente la hauteur de mes emailTextfield, n'hésitez pas à l'adapter à vos besoins.

J'ai créé une méthode personnalisée dans mon ViewController classe, comme indiqué ci-dessous:

- (void) modifyTextField:(UITextField *)textField
{
    //Prepare the imageView with the required image
    uint padding = 10;//padding for iOS7
    UIImageView * iconImageView = [[UIImageView alloc] initWithImage:iconImage];    
    iconImageView.frame = CGRectMake(0 + padding, 0, 16, 16);

    //Set the imageView to the left of the given text field.
    textField.leftView = iconImageView;
    textField.leftViewMode = UITextFieldViewModeAlways;
}

Maintenant je peux appeler cette méthode à l'intérieur (viewDidLoad méthode) et de les envoyer l'un de mes TextFields à cette méthode et ajouter rembourrage pour les deux de droite et de gauche, et de donner le texte et les couleurs d'arrière-plan par écrit une seule ligne de code, comme suit:

[self modifyTextField:self.firstNameTxtFld];

Cela a Fonctionné parfaitement sur iOS 7! Espérons que cela fonctionne encore sur iOS 8 et 9 trop!

Je sais que l'ajout de trop de points de Vue pourrait les rendre un peu plus lourd objet à charger. Mais quand inquiète de la difficulté à d'autres solutions, je me suis retrouvé plus biaisée de cette méthode et plus souple avec l'aide de cette façon. 😉

Espère que cette réponse pourrait être utile ou très utile de trouver une autre solution pour quelqu'un d'autre.

Cheers!

pour Swift2 , j'utilise

...
        self.mSearchTextField.leftViewMode = UITextFieldViewMode.Always
        let searchImg = UIImageView(image: UIImage(named: "search.png"))
        let size = self.mSearchTextField.frame.height
        searchImg.frame = CGRectMake(0, 0, size,size)
        searchImg.contentMode = UIViewContentMode.ScaleAspectFit
        self.mSearchTextField.leftView = searchImg
...

...
textField.rightView = UIImageView(image: ...)
textField.rightView?.contentMode = .top
textField.rightView?.bounds.size.height += 10
textField.rightViewMode = .always
...