Comment atteindre UIButton / UILabel 'padding' en application iPhone

J'ai des points de vue divers dans mon application iPhone qui nécessitent rembourrage e.g personnalisé UIButton avec le texte aligné à gauche, et un UILabel avec une couleur d'arrière-plan.

Cela peut être une question stupide, mais comment puis-je postuler "padding" pour déplacer le texte en dehors de la main gauche bord?

J'ai fatigué à l'aide de limites ... sans aucun succès.

Je sais que je pourrais créer un wrapper vue pour mon UILabel avec une couleur d'arrière-plan, mais il semble exagéré.

Merci beaucoup.

Marco Arment tweeté un mort-simple UILabel sous-classe qui ajoute UIEdgeInsetsde style rembourrage de l'étiquette de dessin: c'est sur les gist.github comme IPInsetLabel.

InformationsquelleAutor | 2010-06-16

Je suis en utilisant mise en page automatique. La Solution qui a fonctionné pour moi a été mise en UIButton's contentEdgeInsets.

ObjC

button.contentEdgeInsets = UIEdgeInsetsMake(0.0f, 30.0f, 0.0f, 30.0f);

Swift

button.contentEdgeInsets = UIEdgeInsets(top: 0.0, left: 30.0, bottom: 0.0, right: 30.0)

InformationsquelleAutor RaffAl

22

Ok la solution la plus simple que j'ai trouvé pour l'instant est:
```
self.textAlignment = UITextAlignmentCenter; 
[self sizeToFit]; 
CGRect frame = self.frame;
frame.size.width += 20; //l + r padding 
self.frame = frame;
```
Pas exactement ce que je voulais, mais il fonctionne.
- Je n'ai pas réussi à tordre cette solution fonctionne pour l'alignement à gauche. C'est une très vieille réponse, je suppose qu'il ne pourrait pas travailler dans iOS 6. J'espère que quelqu'un pourrait fournir de mise à jour.
- Fonctionne très bien, mais à partir d'iOS 6.0, vous devez utiliser NSTextAlignmentCenter, UITextAlignmentCenter est obsolète.
InformationsquelleAutor
14

De padding dans uibutton texte, vous devez utiliser UIButton de contentEdgeInsets de la propriété.
Dans le Storyboard,pour définir le contenu de l'encart de faire les étapes suivantes:-
1. Sélectionnez Vue-contrôleur,sélectionnez uibutton
2. Aller pour Utilitaires du Panneau de commande(Commande + Option + 0) et sélectionnez les Attributs de l'Inspecteur(Commande + Option + 4)
3. Maintenant, sélectionnez Contenu dans Bord et définir Encart que par votre
  exigence.(voir capture d'écran)
- Désormais ses dans la Taille de l'inspecteur
- Maintenant ses le Bouton -> Contenu des Encarts en vertu de la Taille de l'Inspecteur
InformationsquelleAutor Giru Bhai

Pour ajouter rembourrage pour UILabel l'approche la plus souple consiste à sous-classe UILabel et ajouter un edgeInsets de la propriété. Ensuite, vous définissez les encarts et l'étiquette sera établi en conséquence.

OSLabel.h

#import <UIKit/UIKit.h>

@interface OSLabel : UILabel

@property (nonatomic, assign) UIEdgeInsets edgeInsets;

@end

OSLabel.m

#import "OSLabel.h"

@implementation OSLabel

- (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;
}

- (void)drawTextInRect:(CGRect)rect {
    return [super drawTextInRect:UIEdgeInsetsInsetRect(rect, self.edgeInsets)];
}

@end

InformationsquelleAutor Brody Robertson

CGRectInset est votre ami. Vous pouvez définir négatif "encarts" pour créer de rembourrage:

[self sizeToFit];
CGRect rect = self.frame;
rect = CGRectInset( rect, -6.f, -5.f); //h inset, v inset
self.frame = rect;

InformationsquelleAutor cleverbit

Voici un sublass de UILabel qui a personnalisable rembourrage à l'aide d'un edgeInset propriété:

PaddedLabel.h

#import <UIKit/UIKit.h>
@interface PaddedLabel : UILabel
@property UIEdgeInsets edgeInsets;
@end

PaddedLabel.m

#import "PaddedLabel.h"
@implementation PaddedLabel
-(void)drawTextInRect:(CGRect)rect {
    return [super drawTextInRect:UIEdgeInsetsInsetRect(rect, self.edgeInsets)];
}
-(CGSize)intrinsicContentSize {
    CGSize contentSize = [super intrinsicContentSize];
    UIEdgeInsets insets = self.edgeInsets;
    contentSize.height += insets.top + insets.bottom;
    contentSize.width += insets.left + insets.right;
    return contentSize;
}
@end

(Ce qui est une simplification de Brody réponse qui travaille également avec mise en page automatique.)

InformationsquelleAutor Jakob Egger

2

Sur Xcode 9, les encarts sont maintenant situés dans le la Taille de l'Inspecteur au lieu de les Attributs de l'Inspecteur:

InformationsquelleAutor Alex
0

Je suis en train de réaliser quelque chose de similaire, c'est - 'pad' un UILabel. J'ai essayé de mettre en œuvre la solution que Toby posté ci-dessus, mais n'arrive pas à trouver d'où cela doit aller.
Le UILabel, je travaille avec est aligné à gauche, c'est que ce qui est à l'origine du problème?

J'ai essayé d'utiliser cette viewDidLoad, et même dans une sous-classe de UILabel dans la méthode:
```
- (CGRect)textRectForBounds:(CGRect)bounds
     limitedToNumberOfLines:(NSInteger)numberOfLines 
```
InformationsquelleAutor Alan Taylor

Que sur la création d'une classe personnalisée qui s'étend UIButton et de la substitution de cette:

- (CGRect)titleRectForContentRect:(CGRect)contentRect
{
    return UIEdgeInsetsInsetRect(contentRect, UIEdgeInsetsMake(topPadding, rightPadding, bottomPadding, leftPadding));
}

Dans le cas de UILabel de substituer:

- (CGRect)textRectForBounds:(CGRect)bounds 
     limitedToNumberOfLines:(NSInteger)numberOfLines;

InformationsquelleAutor PakitoV

-1

Si vous êtes simplement à la recherche pour un remplissage horizontal sur une seule ligne, alors c'est peut-être suffisant (pour moi):
```
NSString* padding = @"  "; //2 spaces
myLabel.text = [NSString stringWithFormat:@"%@%@%@", padding, name, padding];
```
InformationsquelleAutor Lukas Kalinski

Vous devez vous connecter pour publier un commentaire.