web-dev-qa-db-fra.com

Comment définir le crénage dans l'iPhone UILabel

Je développe une application iPhone et je souhaite définir le crénage dans UILabel. Le code que j'ai écrit (peut-être autour de kCTKernAttributeName) semble être en erreur. Comment pourrais-je aborder ce problème?

NSMutableAttributedString *attStr;   
NSString *str = @"aaaaaaa";    
CFStringRef kern = kCTKernAttributeName;        
NSNumber *num = [NSNumber numberWithFloat: 2.0f];    
NSDictionary *attributesDict = [NSDictionary dictionaryWithObject:num 
forKey:(NSString*)kern];        
[attStr initWithString:str attributes:attributesDict];      
CGRect frame1 = CGRectMake(0, 0, 100, 40);    
UILabel *label1 = [[UILabel alloc] initWithFrame:frame1];    
label1.text = attStr    
[self.view addSubview:label1];
ioscocoa-touchuilabelkerning
32
kz00011

Vieille question, mais vous pouvez le faire maintenant (facilement).

NSMutableAttributedString *attributedString;
attributedString = [[NSMutableAttributedString alloc] initWithString:@"Please get wider"];
[attributedString addAttribute:NSKernAttributeName value:@5 range:NSMakeRange(10, 5)];
[self.label setAttributedText:attributedString];

enter image description here

Pour novembre 2013, juste pour développer cette excellente réponse, voici un code totalement typique. Habituellement, vous définissez également la police. Notez dans les commentaires la méthode à l'ancienne en utilisant du vieux texte ordinaire. J'espère que cela aide quelqu'un

NSString *yourText = @"whatever";

UILabel* label = [[UILabel alloc] initWithFrame:CGRectMake(0,0,0,0)];

// simple approach with no tracking...
// label.text = yourText;
// [label setFont:[UIFont fontWithName:@"HelveticaNeue-Light" size:24]];

NSMutableAttributedString *attributedString;

attributedString = [[NSMutableAttributedString alloc] initWithString:yourText];

[attributedString addAttribute:NSKernAttributeName
                         value:[NSNumber numberWithFloat:2.0]
                         range:NSMakeRange(0, [yourText length])];

[attributedString addAttribute:NSFontAttributeName
                         value:[UIFont fontWithName:@"HelveticaNeue-Light" size:24]
                         range:NSMakeRange(0, [yourText length])];

label.attributedText = attributedString;

label.textColor = [UIColor blackColor];
label.backgroundColor = [UIColor clearColor];
label.textAlignment = NSTextAlignmentCenter;

[label sizeToFit];
59
DBD

Avant:

before

Après:

cafter

Voici une extension Swift 3 qui vous permet de définir le crénage d'un UILabel via le code ou storyboard :

extension UILabel {

    @IBInspectable var kerning: Float {
        get {
            var range = NSMakeRange(0, (text ?? "").count)
            guard let kern = attributedText?.attribute(NSAttributedStringKey.kern, at: 0, effectiveRange: &range),
                let value = kern as? NSNumber
                else {
                    return 0
            }
            return value.floatValue
        }
        set {
            var attText:NSMutableAttributedString

            if let attributedText = attributedText {
                attText = NSMutableAttributedString(attributedString: attributedText)
            } else if let text = text {
                attText = NSMutableAttributedString(string: text)
            } else {
                attText = NSMutableAttributedString(string: "")
            }

            let range = NSMakeRange(0, attText.length)
            attText.addAttribute(NSAttributedStringKey.kern, value: NSNumber(value: newValue), range: range)
            self.attributedText = attText
        }
    }
}

Utilisation de la démo:

myLabel.kerning = 3.0

ou

enter image description here

La démo utilise le crénage 3.0 pour le drame, mais j'ai trouvé 0,1 - 0,8 a tendance à bien fonctionner dans la pratique.

21
Andrew Schreiber

En prenant la réponse de DBD, j'ai créé une catégorie sur UILabel qui permet de définir le crénage s'il fonctionne sur iOS6 + avec un retour gracieux au simple réglage du texte sur les versions iOS précédentes. Pourrait être utile aux autres ...

ILabel + TextKerning.h

#import <UIKit/UIKit.h>

@interface UILabel (TextKerning)

/**
 * Set the label's text to the given string, using the given kerning value if able.
 * (i.e., if running on iOS 6.0+). The kerning value specifies the number of points
 * by which to adjust spacing between characters (positive values increase spacing,
 * negative values decrease spacing, a value of 0 is default)
 **/
- (void) setText:(NSString *)text withKerning:(CGFloat)kerning;

/**
 * Set the kerning value of the currently-set text.  The kerning value specifies the number of points
 * by which to adjust spacing between characters (positive values increase spacing,
 * negative values decrease spacing, a value of 0 is default)
 **/
- (void) setKerning:(CGFloat)kerning;

@end

ILabel + TextKerning.m

#import "UILabel+TextKerning.h"

@implementation UILabel (TextKerning)

-(void) setText:(NSString *)text withKerning:(CGFloat)kerning
{
    if ([self respondsToSelector:@selector(setAttributedText:)])
    {
        NSMutableAttributedString *attributedString = [[NSMutableAttributedString alloc] initWithString:text];
        [attributedString addAttribute:NSKernAttributeName
                                 value:[NSNumber numberWithFloat:kerning]
                                 range:NSMakeRange(0, [text length])];
        [self setAttributedText:attributedString];
    }
    else
        [self setText:text];
}

-(void) setKerning:(CGFloat)kerning
{
    [self setText:self.text withKerning:kerning];
}
18
Jeff Hay

Juste pour être à jour ici, iOS 6 a introduit AttribedText pour UILabel et UITextView!

Référence UILabel:
http://developer.Apple.com/library/ios/#documentation/uikit/reference/UILabel_Class/Reference/UILabel.html#//Apple_ref/occ/instp/UILabel/attributedText

6
calimarkus

Faites simplement ceci dans Swift:

    let myTitle = "my title"
    let titleLabel = UILabel()
    let attributes: NSDictionary = [
        NSFontAttributeName:UIFont(name: "HelveticaNeue-Light", size: 20),
        NSForegroundColorAttributeName:UIColor.whiteColor(),
        NSKernAttributeName:CGFloat(2.0)
    ]
    let attributedTitle = NSAttributedString(string: myTitle, attributes: attributes as? [String : AnyObject])

    titleLabel.attributedText = attributedTitle
    titleLabel.sizeToFit()
5
CodeOverRide

Un exemple utilisant IBDesignables et IBInspectables où vous pouvez gérer pour définir la valeur de crénage uniquement via le storyboard. Je l'ai trouvé très pratique et j'ai pensé le partager avec vous.

UILabelKerning.h 

#import <UIKit/UIKit.h>

IB_DESIGNABLE

@interface UILabelKerning : UILabel
@property (assign, nonatomic) IBInspectable int kerning;
@end

UILabelKerning.m 

#import "UILabelKerning.h"

@implementation UILabelKerning


-(void)awakeFromNib {

    [self setTheAttributes];
}

- (id)initWithCoder:(NSCoder*)aDecoder
{
    self = [super initWithCoder:aDecoder];
    if (self)
    {
        // Initialization code
    }

    return self;
}
-(void)setTheAttributes{
    NSMutableAttributedString *attributedString =[[NSMutableAttributedString alloc] initWithAttributedString:self.attributedText];
    [attributedString addAttribute:NSKernAttributeName
                             value:[NSNumber numberWithFloat:self.kerning]
                             range:NSMakeRange(0, [self.text length])];
    [self setAttributedText:attributedString];
}
@end

enter image description here

enter image description here

enter image description here

3
Arben Pnishi

Pour autant que je sache, UILabel ne rendra pas les caractéristiques de NSAttributedString. Il existe quelques solutions open source Nice. J'ai récemment utilisé TTTAttributedLabel comme échange en remplacement de UILabel qui accepte NSAttributedString.

DTCoreText (ancien NSAttributedString + HTML) obtient également un peu de buzz ces derniers temps.

1
Eoin