web-dev-qa-db-ja.com

UILabel / UIFontの文字間隔を変更するには？

既にロードを検索しましたが、答えが見つかりませんでした。

このように定義された通常のUILabelがあります。

    UILabel *totalColors = [[[UILabel alloc] initWithFrame:CGRectMake(5, 7, 120, 69)] autorelease];
    totalColors.text = [NSString stringWithFormat:@"%d", total];
    totalColors.font = [UIFont fontWithName:@"Arial-BoldMT" size:60];
    totalColors.textColor = [UIColor colorWithRed:221/255.0 green:221/255.0 blue:221/255.0 alpha:1.0];
    totalColors.backgroundColor = [UIColor clearColor];
    [self addSubview:totalColors];

また、フォントサイズを維持しながら、文字間の水平方向の間隔を狭くすることを望んでいました。

これを行う方法はありますか？かなり基本的なことです。

乾杯、アンドレ

更新：

だから私はこのようにそれをすることを余儀なくされました：

- (void) drawRect:(CGRect)rect 
{
    CGContextRef context = UIGraphicsGetCurrentContext();

    CGContextSelectFont (context, "Arial-BoldMT", 60, kCGEncodingMacRoman);
    CGContextSetCharacterSpacing (context, -10);
    CGContextSetTextDrawingMode (context, kCGTextFill);

    CGContextSetRGBFillColor(context, 221/255.0, 221/255.0, 221/255.0, 221/255.0);
    CGAffineTransform xform = CGAffineTransformMake(1.0, 0.0, 0.0, -1.0, 0.0, 0.0);
    CGContextSetTextMatrix(context, xform);

    char* result = malloc(17);
    sprintf(result, "%d", totalNumber);

    CGContextShowTextAtPoint (context, 0, 54, result, strlen(result));
}

しかし、これを右に揃える必要があります。描画されたテキストの幅を知っていれば、手動でそれを行うことができましたが、それを見つけることはほぼ不可能であることが判明しています。

ATSUについて読んだことがありますが、例が見つかりませんでした。

これは吸う：/

iphonexcodeuilabelspacinguifont
38
Andre

文字間隔と右揃えの解決策を思いつきました。

ここに行きます：

    NSString *number = [NSString stringWithFormat:@"%d", total];

    int lastPos = 85;

    NSUInteger i;
    for (i = number.length; i > 0; i--)
    {
        NSRange range = {i-1,1};
        NSString *n = [number substringWithRange:range];

        UILabel *digit = [[[UILabel alloc] initWithFrame:CGRectMake(5, 10, 35, 50)] autorelease];
        digit.text = n;
        digit.font = [UIFont fontWithName:@"Arial-BoldMT" size:60];
        digit.textColor = [UIColor colorWithRed:221/255.0 green:221/255.0 blue:221/255.0 alpha:1.0];
        digit.backgroundColor = [UIColor clearColor];
        [self addSubview:digit];

        CGSize textSize = [[digit text] sizeWithFont:[digit font]];
        CGFloat textWidth = textSize.width;

        CGRect rect = digit.frame;
        rect.Origin.x = lastPos - textWidth;
        digit.frame = rect;

        lastPos = rect.Origin.x + 10;
    }

文字間隔は、最後の行の「10」です。配置はlastPosから取得されます。

これが誰にも役立つことを願っています。

8
Andre

IOS 6から、UILabelでNSAttributedStringを使用できます。

属性付き文字列では、属性NSKernAttributeNameを使用して文字間隔を設定できます

NSMutableAttributedString* attrStr = [[NSMutableAttributedString alloc] initWithString: @"Test test test test "];
[attrStr addAttribute:NSKernAttributeName value:@(4.0) range:NSMakeRange(0, attrStr.length)];

UILabel* label = [[UILabel alloc] initWithFrame:CGRectMake(0, 300, 300, 100)];
label.attributedText = attrStr;
42
Krizai

UILabelを拡張して、文字間隔を変更しました。これにより、ボックスが機能し、UILabel自体からフォント、テキスト、色などが取得されます（適切なコーディング！）。

最初にクリアカラーでテキストを2回描画することに気付くかもしれません。これは、ラベルのテキストを自動的に中央揃えにするためです。これは非効率的かもしれませんが、自動中心化されるのは素晴らしいことではありませんか？

楽しい！

@interface RALabel : UILabel {
}
@end  

@implementation RALabel 

- (void) drawRect:(CGRect)rect 
{

    // Drawing code

    CGContextRef context = UIGraphicsGetCurrentContext();
    CGContextSelectFont (context, [self.font.fontName cStringUsingEncoding:NSASCIIStringEncoding], self.font.pointSize, kCGEncodingMacRoman);
    CGContextSetCharacterSpacing(context, 1);
    CGContextSetFillColorWithColor(context, [[UIColor clearColor] CGColor]);
    CGAffineTransform myTextTransform = CGAffineTransformScale(CGAffineTransformIdentity, 1.f, -1.f );
    CGContextSetTextMatrix (context, myTextTransform);

    // draw 1 but invisbly to get the string length.
    CGPoint p =CGContextGetTextPosition(context);
    float centeredY = (self.font.pointSize + (self.frame.size.height- self.font.pointSize)/2)-2;
    CGContextShowTextAtPoint(context, 0, centeredY, [self.text cStringUsingEncoding:NSASCIIStringEncoding], [self.text length]);
    CGPoint v =CGContextGetTextPosition(context);

    // calculate width and draw second one.
    float width = v.x - p.x;
    float centeredX =(self.frame.size.width- width)/2;
    CGContextSetFillColorWithColor(context, [self.textColor CGColor]);
    CGContextShowTextAtPoint(context, centeredX, centeredY, [self.text cStringUsingEncoding:NSASCIIStringEncoding], [self.text length]);

}
11
user363349

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()
3
CodeOverRide

一般公開されているiPhone OSのバージョンではありません。 ;-)あなたが現在のiPhone開発者である場合、iPhone OS 3.2の「新機能」メモを参照することで、iPhone OSの今後の方向性を知ることができます。

更新：カーニングのサポートを追加したiOS v3.2は、まだNDAを投稿したとき。最新の回答。 iPhone UILabelでカーニングを設定する方法 を参照してください。

0
Zack