De padding pour objet UITextField avec UITextBorderStyleNone

J'ai trouvé un joli petit hack pour définir la marge intérieure gauche pour cette situation exacte.

Fondamentalement, vous définissez la leftView propriété de la UITextField à vide du point de vue de la taille du matelas que vous voulez:

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

A fonctionné comme un charme pour moi!

Dans Swift 3/Swift 4, il peut être fait en faisant cela

let paddingView: UIView = UIView(frame: CGRect(x: 0, y: 0, width: 5, height: 20))
textField.leftView = paddingView
textField.leftViewMode = .always

Une Swift 3 version de Xcode >6, où vous pouvez modifier l'encart de la valeur dans Interface Builder /Storyboard.

import UIKit

@IBDesignable
class FormTextField: UITextField {

    @IBInspectable var inset: CGFloat = 0

    override func textRect(forBounds bounds: CGRect) -> CGRect {
        return bounds.insetBy(dx: inset, dy: inset)
    }

    override func editingRect(forBounds bounds: CGRect) -> CGRect {
        return textRect(forBounds: bounds)
    }

}

Edit: Encore fonctionne sous iOS 11.3.1

Dans iOS 6 myTextField.leftView = paddingView; est à l'origine de problème

Cela résout le problème

myTextField.layer.sublayerTransform = CATransform3DMakeTranslation(5, 0, 0)

Pour aligné à droite du champ de texte utilisation CATransform3DMakeTranslation(-5, 0, 0) comme mentionner par latenitecoder dans les commentaires

Objectif De Code C

MyTextField.h

#import <UIKit/UIKit.h>

@interface MyTextField : UITextField

@property (nonatomic) IBInspectable CGFloat padding;

@end

MyTextField.m

#import "MyTextField.h"

IB_DESIGNABLE
@implementation MyTextField

@synthesize padding;

-(CGRect)textRectForBounds:(CGRect)bounds{
    return CGRectInset(bounds, padding, padding);
}

-(CGRect)editingRectForBounds:(CGRect)bounds{
    return [self textRectForBounds:bounds];
}

@end

1. Créer un champ de texte Personnalisé

PaddingTextField.swift

import UIKit
class PaddingTextField: UITextField {

@IBInspectable var paddingLeft: CGFloat = 0
@IBInspectable var paddingRight: CGFloat = 0

override func textRectForBounds(bounds: CGRect) -> CGRect {
    return CGRectMake(bounds.origin.x + paddingLeft, bounds.origin.y,
        bounds.size.width - paddingLeft - paddingRight, bounds.size.height);
}

override func editingRectForBounds(bounds: CGRect) -> CGRect {
    return textRectForBounds(bounds)
}}

1. Ensemble de votre classe textfield est PaddingTextField et personnalisée de votre rembourrage que vous le souhaitez
   
   

2. Profiter

Vous ne pouvez pas définir de rembourrage. Au lieu d'avoir un UIView qui a votre image d'arrière-plan et la UITextField à l'intérieur. Définir la UITextField largeur UIViewWidth-(paddingSize x 2) et la hauteur de la même façon et puis le mettre au point paddingSize,paddingSize.

Juste sous-classe UITextField comme ceci (Swift version):

import UIKit

class CustomTextField: UITextField {

    override func textRectForBounds(bounds: CGRect) -> CGRect {
       return CGRectInset(bounds, 25.0, 0)
    }

    override func editingRectForBounds(bounds: CGRect) -> CGRect {
       return self.textRectForBounds(bounds)
    }

}

Cela ajoute de rembourrage horizontal de 25.0 points de chaque côté.

Swift Version 2.0:

let paddingView: UIView = UIView(frame: CGRectMake(0, 0, 5, 20))
textField.leftView = paddingView
textField.leftViewMode = UITextFieldViewMode.Always;

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.

De padding pour objet UITextField avec UITextBorderStyleNone: Swift

Basé sur @le Mal de Truites les plus voté réponse, j'ai créé une méthode personnalisée dans mon ViewController classe, comme indiqué ci-dessous:

- (void) modifyTextField:(UITextField *)textField
{
    UIView *paddingView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 5, 20)];
    textField.leftView = paddingView;
    textField.leftViewMode = UITextFieldViewModeAlways;
    textField.rightView = paddingView;
    textField.rightViewMode = UITextFieldViewModeAlways;

    [textField setBackgroundColor:[UIColor whiteColor]];
    [textField setTextColor:[UIColor blackColor]];
}

Maintenant je peux appeler cette méthode à l'intérieur (méthode viewDidLoad) et de les envoyer l'un de mes objets textfield à 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!
Je sais que l'ajout de trop de points de Vue pourrait les rendre un peu plus lourd de la classe à 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. 😉

Merci pour le Hack "Mal Truite"! (arc)

J'ai pensé que je devrais mettre à jour cette réponse de l'extrait de code avec Swift:

Depuis Swift nous permettre d'écrire des extensions pour les classes existantes, nous allons l'écrire de cette façon.

extension UITextField {
    func addPaddingToTextField() {
        let paddingView: UIView = UIView.init(frame: CGRectMake(0, 0, 8, 20))
        self.leftView = paddingView;
        self.leftViewMode = .Always;
        self.rightView = paddingView;
        self.rightViewMode = .Always;


        self.backgroundColor = UIColor.whiteColor()
        self.textColor = UIColor.blackColor()
    }
}

Utilisation:

self.firstNameTxtFld.addPaddingToTextField()

Espère que cela serait utile à quelqu'un d'autre là-bas!

Cheers!

Swift 3 Version:

class CustomTextField:UITextField{

    required init?(coder aDecoder: NSCoder){
        super.init(coder: aDecoder)
    }

    override init(frame: CGRect) {
        super.init(frame: frame)
    }

    override func textRect(forBounds bounds: CGRect) -> CGRect {
        return CGRect.init(x: bounds.origin.x + 8, y: bounds.origin.y, width: bounds.width, height: bounds.height)
    }

    override func editingRect(forBounds bounds: CGRect) -> CGRect {
        return self.textRect(forBounds:bounds)
    }
}

Brody de la solution travaillé parfait pour moi. J'ai dû ajouter des vues de côté sur un champ de texte et ajouter un rembourrage supplémentaire. Donc, par la mise en œuvre de la coutume UIEdgeInsets de la propriété à une sous-classe UITextField, j'ai réussi à réaliser la tâche. Je vais utiliser cette nouvelle sous-classe dans tous mes projets.

Nate Flink est réponse est mon préféré, mais n'oubliez pas droite/gauche de la vue.
E. g pour UITextField sous-classe:

override func rightViewRectForBounds(bounds: CGRect) -> CGRect {
    let rightViewBounds = super.rightViewRectForBounds(bounds)

    return CGRectMake(CGRectGetMinX(rightViewBounds) - 10, CGRectGetMinY(rightViewBounds), CGRectGetWidth(rightViewBounds), CGRectGetHeight(rightViewBounds))
}

Code ci-dessus à droite de rembourrage pour rightView de UITextField.

vous pouvez utiliser de la catégorie. de padding à gauche et à droite

UITextField+Rembourrage.h

@interface UITextField (Padding)
@property (nonatomic, assign) CGFloat paddingValue;
@property (nonatomic, assign) CGFloat leftPadding;
@property (nonatomic, assign) CGFloat rightPadding;

//overwrite
-(CGRect)textRectForBounds:(CGRect)bounds;
-(CGRect)editingRectForBounds:(CGRect)bounds;
@end

UITextField+Rembourrage.m

#import "UITextField+Padding.h"
#import <objc/runtime.h>
static char TAG_LeftPaddingKey;
static char TAG_RightPaddingKey;
static char TAG_Left_RightPaddingKey;
@implementation UITextField (Padding)
#pragma clang diagnostic push
#pragma clang diagnostic ignored "-Wobjc-protocol-method-implementation"
-(CGRect)textRectForBounds:(CGRect)bounds {
CGFloat offset_Left=0;
CGFloat offset_Right=0;
if (self.paddingValue>0) {
offset_Left=self.paddingValue;
offset_Right=offset_Left;
}else{
if (self.leftPadding>0){
offset_Left=self.leftPadding;
}
if (self.rightPadding>0){
offset_Right=self.rightPadding;
}
}
if (offset_Left>0||offset_Right>0) {
return CGRectMake(bounds.origin.x+ offset_Left ,bounds.origin.y ,
bounds.size.width- (offset_Left+offset_Right), bounds.size.height-2 );
}else{
return bounds;
}
}
-(CGRect)editingRectForBounds:(CGRect)bounds {
return [self textRectForBounds:bounds];
}
#pragma clang diagnostic pop
#pragma maek -setter&&getter
- (CGFloat)paddingValue
{
return [objc_getAssociatedObject(self,&TAG_Left_RightPaddingKey) floatValue];
}
-(void)setPaddingValue:(CGFloat)paddingValue
{
objc_setAssociatedObject(self, &TAG_Left_RightPaddingKey, @(paddingValue), OBJC_ASSOCIATION_RETAIN_NONATOMIC);
}
-(CGFloat)leftPadding
{
return [objc_getAssociatedObject(self,&TAG_LeftPaddingKey) floatValue];
}
-(void)setLeftPadding:(CGFloat)leftPadding
{
objc_setAssociatedObject(self, &TAG_LeftPaddingKey, @(leftPadding), OBJC_ASSOCIATION_RETAIN_NONATOMIC);
}
-(CGFloat)rightPadding
{
return [objc_getAssociatedObject(self,&TAG_RightPaddingKey) floatValue];
}
-(void)setRightPadding:(CGFloat)rightPadding
{
objc_setAssociatedObject(self, &TAG_RightPaddingKey, @(rightPadding), OBJC_ASSOCIATION_RETAIN_NONATOMIC);
}
@end

vous pouvez définir rembourrage comme ce
auto.phoneNumTF.paddingValue=10.f;
ou
auto.phoneNumTF.leftPadding=10.f;

Une autre considération est que, si vous avez plus d'un UITextField où vous ajoutez rembourrage, est de créer un UIView pour chaque textfield - parce qu'ils ne peuvent pas être partagés.

La meilleure solution que j'ai trouvé pour l'instant est une catégorie. Voilà comment j'ai ajouter 5 points de remplissage à gauche et à droite:

@implementation UITextField (Padding)
#pragma clang diagnostic push
#pragma clang diagnostic ignored "-Wobjc-protocol-method-implementation"
- (CGRect)textRectForBounds:(CGRect)bounds {
return CGRectMake(bounds.origin.x + 5, bounds.origin.y,
bounds.size.width - 10, bounds.size.height);
}
- (CGRect)editingRectForBounds:(CGRect)bounds {
return [self textRectForBounds:bounds];
}
#pragma clang diagnostic pop
@end

La directive #pragma sont juste pour enlever les avertissements ennuyeux