Encart de texte pour objet UITextField?

J'ai été en mesure de le faire à travers:

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

Bien sûr, n'oubliez pas d'importer QuartzCore et aussi ajoutez le Cadre de votre projet.

OriginalL'auteur chuthan20

Si vous avez besoin d'une marge de gauche, vous pouvez essayer ceci:

UItextField *textField = [[UITextField alloc] initWithFrame:...];
UIView *leftView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 10, textField.frame.size.height)];
leftView.backgroundColor = textField.backgroundColor;
textField.leftView = leftView;
textField.leftViewMode = UITextFieldViewModeAlways;

Cela fonctionne pour moi. J'espère que cela peut aider.

OriginalL'auteur roberto.buratti

Si vous avez un bouton d'effacement, de la accepté de répondre ne fonctionnera pas pour vous. Nous devons également nous prémunir contre Apple de changer les choses dans le futur en appelant super.

Donc, assurez-vous que le texte ne déborde pas sur le bouton effacer, nous allons obtenir la valeur "par défaut" de super d'abord, puis de l'ajuster si nécessaire.

Ce code permettra d'ajouter un 10px empiècement sur le haut, à gauche et en bas du champ de texte:

@interface InsetTextField : UITextField

@end


@implementation InsetTextField

//Placeholder position
- (CGRect)textRectForBounds:(CGRect)bounds {
    CGRect rect = [super textRectForBounds:bounds];
    UIEdgeInsets insets = UIEdgeInsetsMake(10, 10, 10, 0);

    return UIEdgeInsetsInsetRect(rect, insets);
}

//Text position
- (CGRect)editingRectForBounds:(CGRect)bounds {
    CGRect rect = [super editingRectForBounds:bounds];
    UIEdgeInsets insets = UIEdgeInsetsMake(10, 10, 10, 0);

    return UIEdgeInsetsInsetRect(rect, insets);
}

//Clear button position
- (CGRect)clearButtonRectForBounds:(CGRect)bounds {
    CGRect rect = [super clearButtonRectForBounds:bounds];

    return CGRectOffset(rect, -5, 0);
}

@end

Remarque: UIEdgeInsetsMake prend des paramètres dans l'ordre: haut, gauche, bas, droit.

OriginalL'auteur Chris Nolet

À l'aide de textRectForBounds: est la bonne approche. J'ai enroulé dans mon sous-classe de sorte que vous pouvez simplement utiliser textEdgeInsets. Voir SSTextField.

OriginalL'auteur Sam Soffes

Une bonne approche pour ajouter rembourrage pour objet UITextField est à la sous-classe UITextField et ajouter un edgeInsets de la propriété. Vous définissez ensuite la edgeInsets et l'objet UITextField sera établi en conséquence. Ce sera aussi fonctionner correctement avec un custom leftView ou rightView ensemble.

OSTextField.h

#import <UIKit/UIKit.h>

@interface OSTextField : UITextField

@property (nonatomic, assign) UIEdgeInsets edgeInsets;

@end

OSTextField.m

#import "OSTextField.h"

@implementation OSTextField

- (id)initWithFrame:(CGRect)frame{
    self = [super initWithFrame:frame];
    if (self) {
        self.edgeInsets = UIEdgeInsetsMake(0, 0, 0, 0);
    }
    return self;
}

-(id)initWithCoder:(NSCoder *)aDecoder{
    self = [super initWithCoder:aDecoder];
    if(self){
        self.edgeInsets = UIEdgeInsetsMake(0, 0, 0, 0);
    }
    return self;
}

- (CGRect)textRectForBounds:(CGRect)bounds {
    return [super textRectForBounds:UIEdgeInsetsInsetRect(bounds, self.edgeInsets)];
}

- (CGRect)editingRectForBounds:(CGRect)bounds {
    return [super editingRectForBounds:UIEdgeInsetsInsetRect(bounds, self.edgeInsets)];
}

@end

OriginalL'auteur Brody Robertson

Swift

    //adjust place holder text
    let paddingView = UIView(frame: CGRectMake(0, 0, 10, usernameOrEmailField.frame.height))
    usernameOrEmailField.leftView = paddingView
    usernameOrEmailField.leftViewMode = UITextFieldViewMode.Always

OriginalL'auteur LondonGuy

Swift 3 Version de Xcode 8.3.1 en Mai 2017:

 class TextField: UITextField {

    let inset: CGFloat = 8

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

    //text position
    override func editingRect(forBounds bounds: CGRect) -> CGRect {
        return bounds.insetBy(dx: inset, dy: inset)
    }
}

OriginalL'auteur lcl

C'est le moyen le plus rapide que j'ai trouvé sans faire toutes les sous-classes:

UIView *spacerView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 10., 10.)];
[textField setLeftViewMode:UITextFieldViewModeAlways];
[textField setLeftView:spacerView];

Dans Swift:

let spacerView = UIView(frame:CGRect(x:0, y:0, width:10, height:10))
textField.leftViewMode = UITextFieldViewMode.Always
textField.leftView = spacerView

OriginalL'auteur Max

Il est absurde que vous avez à la sous-classe, depuis UITextField déjà implémente les méthodes, comme @Adam Waite points. Voici une rapide extension qui expose une méthode de fabrique, également disponible dans notre catégories repo:

private class InsetTextField: UITextField {
    var insets: UIEdgeInsets

    init(insets: UIEdgeInsets) {
        self.insets = insets
        super.init(frame: CGRectZero)
    }

    required init(coder aDecoder: NSCoder) {
        fatalError("not intended for use from a NIB")
    }

    //placeholder position
    override func textRectForBounds(bounds: CGRect) -> CGRect {
        return super.textRectForBounds(UIEdgeInsetsInsetRect(bounds, insets))
    }

    //text position
    override func editingRectForBounds(bounds: CGRect) -> CGRect {
        return super.editingRectForBounds(UIEdgeInsetsInsetRect(bounds, insets))
    }
}

extension UITextField {

    class func textFieldWithInsets(insets: UIEdgeInsets) -> UITextField {
        return InsetTextField(insets: insets)
    }

}

OriginalL'auteur Christopher Pickslay

Ce n'est pas aussi court que les autres exemples, mais prend une tout autre approche pour résoudre ce problème. Remarque, le curseur va encore commencer à ras du bord gauche, mais le texte sera correctement en retrait lorsqu'il est saisi/affiche. Cela fonctionne sans sous-classement, si vous recherchez seulement de la marge de gauche et que vous utilisez déjà UITextFieldDelegate pour vos champs de texte. Vous devez définir la valeur par défaut des attributs de texte et le typage des attributs. Vous définissez la valeur par défaut des attributs de texte lorsque vous créez le champ de texte. Le typage des attributs, vous devez définir un délégué. Si vous utilisez également un espace réservé à définir qu'à la marge. Assembler tout, vous obtenez quelque chose comme ceci.

D'abord créer une catégorie sur la UITextField classe.

// UITextField+TextAttributes.h
#import <UIKit/UIKit.h>
@interface UITextField (TextAttributes)
- (void)setIndent:(CGFloat)indent;
@end
// UITextField+TextAttributes.m
#import "UITextField+TextAttributes.h"
@implementation UITextField (TextAttributes)
- (void)setTextAttributes:(NSDictionary*)textAttributes indent:(CGFloat)indent
{
if (!textAttributes) return;
NSMutableParagraphStyle *paragraphStyle = [textAttributes objectForKey:NSParagraphStyleAttributeName];
paragraphStyle.firstLineHeadIndent = indent;
paragraphStyle.headIndent = indent;
}
- (void)setIndent:(CGFloat)indent
{
[self setTextAttributes:self.defaultTextAttributes indent:indent];
[self setTextAttributes:self.typingAttributes indent:indent];
}
@end

Puis, si vous utilisez placé titulaires assurez-vous d'utiliser un attribuées espace réservé réglage de ce même alinéa. Créer une valeur par défaut attribuée dictionnaire avec les attributs appropriés, quelque chose comme ceci:

NSMutableParagraphStyle *paragraphStyle = [[NSMutableParagraphStyle alloc] init];
paragraphStyle.firstLineHeadIndent = 7;
paragraphStyle.headIndent = 7;
NSDictionary *placeholderAttributes = [NSDictionary dictionaryWithObjectsAndKeys: paragraphStyle, NSParagraphStyleAttributeName, nil];

Ensuite, l'importation de la catégorie ci-dessus et à chaque fois que vous créez un champ de texte définir la valeur par défaut de retrait, le délégué et l'utilisation de la valeur par défaut de l'espace réservé attributs définis ci-dessus. Par exemple:

UITextField *textField = [[UITextField alloc] init];
textField.indent = 7;
textField.delegate = self;
textField.attributedPlaceholder = [[NSAttributedString alloc] initWithString:@"Placeholder Text" attributes:placeholderAttributes];

Enfin, le délégué, de mettre en œuvre la textFieldDidBeginEditing méthode, quelque chose comme ceci:

- (void)textFieldDidBeginEditing:(UITextField *)textField
{
textField.indent = 7;
}

OriginalL'auteur user3878720

Temps normal, j'essaie d'éviter de sous-classement, mais cela fonctionne si vous avez déjà:

//add a property 
@property (nonatomic) UIEdgeInsets edgeInsets;
//and override:
- (CGRect)textRectForBounds:(CGRect)bounds
{
return [super textRectForBounds:UIEdgeInsetsInsetRect(bounds, self.edgeInsets)];
}
- (CGRect)editingRectForBounds:(CGRect)bounds
{
return [super editingRectForBounds:UIEdgeInsetsInsetRect(bounds, self.edgeInsets)];
}

OriginalL'auteur Adam Waite

Voici une complète réponse rapide qui comprend un leftView (icône personnalisée) et une coutume bouton effacer, définie à la fois dans Interface Builder avec des encarts.

import UIKit
@IBDesignable
class InsetTextField: UITextField {
@IBInspectable var leftInset:CGFloat = 0
@IBInspectable var rightInset:CGFloat = 0
@IBInspectable var icon:UIImage? { didSet {
let imageView = UIImageView(frame: CGRect(x: 0, y: 0, width: 16, height: 16))
imageView.image = icon
self.leftView = imageView
self.leftViewMode = .Always
} }
@IBInspectable var clearButton:UIImage? { didSet {
let button = UIButton(type: .Custom)
button.setImage(clearButton, forState: .Normal)
button.addTarget(self, action: "clear", forControlEvents: UIControlEvents.TouchUpInside)
button.frame = CGRect(x: 0, y: 0, width: 18, height: 18)
self.rightView = button
self.rightViewMode = .WhileEditing
} }
func clear() {
self.text = ""
}
override func leftViewRectForBounds(bounds: CGRect) -> CGRect {
var height:CGFloat = 0
var width:CGFloat = 0
if let leftView = self.leftView {
height = leftView.bounds.height
width = leftView.bounds.width
}
return CGRect(x: leftInset, y: bounds.height/2 - height/2, width: width, height: height)
}
override func rightViewRectForBounds(bounds: CGRect) -> CGRect {
var height:CGFloat = 0
var width:CGFloat = 0
if let rightView = self.rightView {
height = rightView.bounds.height
width = rightView.bounds.width
}
return CGRect(x: bounds.width - width - rightInset, y: bounds.height/2 - height/2, width: width, height: height)
}
}

OriginalL'auteur rmooney

Solution rapide sans sous-classe & aussi possible d'

extension UITextField {
@IBInspectable var textInsets: CGPoint {
get {
return CGPoint.zero
}
set {
layer.sublayerTransform = CATransform3DMakeTranslation(newValue.x, newValue.y, 0);
}
}
}

OriginalL'auteur Bhavesh Tiwari