web-dev-qa-db-ja.com

NSString drawInRectを使用してテキストを中央に配置する方法は？

NSStringの中央にNSRectを描画するにはどうすればよいですか？

私は始めました：（私のカスタムビューのdrawRectメソッドからの抜粋）

NSString* theString = ...
[theString drawInRect:theRect withAttributes:0];
[theString release];

今、私はいくつかの属性を設定する必要があると仮定しています。 AppleのCocoaドキュメントを見てきましたが、少し圧倒的で、属性に段落スタイルを追加する方法については何も見つかりません。

また、私は水平アライメントのみを見つけることができますが、垂直アライメントはどうですか？

objective-ccocoamacos
40
Steve Folly

自分で行う必要がある垂直方向の配置（（ビューの高さ+ストリングの高さ）/ 2）。あなたができる水平方向の整列：

NSMutableParagraphStyle *style = [[NSParagraphStyle defaultParagraphStyle] mutableCopy];
style.alignment = NSTextAlignmentCenter;
NSDictionary *attr = [NSDictionary dictionaryWithObject:style forKey:NSParagraphStyleAttributeName];
[myString drawInRect:someRect withAttributes:attr];
91
Martin Pilkington

これは水平方向の配置に役立ちます

[textX drawInRect:theRect 
         withFont:font 
    lineBreakMode:UILineBreakModeClip 
        alignment:UITextAlignmentCenter];
27
Nikolay Klimchuk

Martinsの回答はかなり近いですが、いくつかの小さなエラーがあります。これを試して：

NSMutableParagraphStyle* style = [[NSMutableParagraphStyle alloc] init];
[style setAlignment:NSCenterTextAlignment];
NSDictionary *attr = 
  [NSDictionary dictionaryWithObject:style 
                              forKey:NSParagraphStyleAttributeName];
[myString drawInRect:someRect withAttributes:attr];
[style release];

[NSMutableParagraphStyle defaultParagraphStyle]はsetAlignmentメソッドを持たないNSMutableParagraphStyleを返すため、新しいNSParagraphStyleを作成する必要があります（Martinが提案したデフォルトの段落スタイルを使用する代わりに）。また、文字列@"NSParagraphStyleAttributeName"は必要ありません。ただNSParagraphStyleAttributeNameです。

19
matthewwithanm

これは私のために働く：

    CGRect viewRect = CGRectMake(x, y, w, h);
    UIFont* font = [UIFont systemFontOfSize:15];
    CGSize size = [nsText sizeWithFont:font
                     constrainedToSize:viewRect.size
                         lineBreakMode:(UILineBreakModeWordWrap)];  
    float x_pos = (viewRect.size.width - size.width) / 2; 
    float y_pos = (viewRect.size.height - size.height) /2; 
    [someText drawAtPoint:CGPointMake(viewRect.Origin.x + x_pos, viewRect.Origin.y + y_pos) withFont:font];
12
Don Grem

[NSMutableParagraphStyle defaultParagraphStyle]は使用できません：

[NSMutableParagraphStyle new]

また、水平方向の配置はdrawInRectではなくdrawAtPointでのみ機能するようです（私の知っていることを尋ねてください:-)

4
David H

IOS7 +の適応に興味がある人は、NSStringカテゴリーにこれをドロップしてください。

- (void)drawVerticallyInRect:(CGRect)rect withFont:(UIFont *)font color:(UIColor *)color andAlignment:(NSTextAlignment)alignment
{
    rect.Origin.y = rect.Origin.y + ((rect.size.height - [self sizeWithAttributes:@{NSFontAttributeName:font}].height) / 2);

    NSMutableParagraphStyle *style = [[NSMutableParagraphStyle alloc] init];
    [style setAlignment:alignment];

    [self drawInRect:rect withAttributes:@{
                                       NSFontAttributeName              : font,
                                       NSForegroundColorAttributeName   : color,
                                       NSParagraphStyleAttributeName    : style
                                       }];
}
4
Kris

DrawInRectは基本的なテキスト描画にのみ適しています（言い換えれば、システムがテキストを配置する場所を決定します）-多くの場合、必要な位置にテキストを描画する唯一の方法は、単に必要なポイントを計算してNSStringのdrawAtPointを使用することです：withAttributes:。

また、NSStringのsizeWithAttributesは、drawAtPointで行う必要のある位置決め計算に非常に役立ちます。

幸運を！

2
Joel Levin

iOSSwift 4の場合のみdraw（in：withAttributes：）メソッドを使用して矩形内の文字列を中央に配置する

let textFont = UIFont.boldSystemFont(ofSize: )
let paragraphStyle = NSMutableParagraphStyle()
paragraphStyle.alignment = .center
paragraphStyle.minimumLineHeight =  rectangle.height / 2 + textFont.lineHeight / 2
let textAttributes = [
            NSAttributedStringKey.font: textFont,
            NSAttributedStringKey.paragraphStyle: paragraphStyle
            ] as [NSAttributedStringKey : Any]
let text = "Text"
(text as NSString).draw(in: rectangle, withAttributes: textAttributes)
2
Malder

正解は次のとおりです。

-drawInRect:withFont:lineBreakMode:alignment:

また、垂直方向の配置用の小さなカテゴリを作成しました。あなたがそれを使用したい場合は、先に行きます:)

// NSString+NSVerticalAlign.h
typedef enum {
    NSVerticalTextAlignmentTop,
    NSVerticalTextAlignmentMiddle,
    NSVerticalTextAlignmentBottom
} NSVerticalTextAlignment;

@interface NSString (VerticalAlign)
- (CGSize)drawInRect:(CGRect)rect withFont:(UIFont *)font verticalAlignment:(NSVerticalTextAlignment)vAlign;
- (CGSize)drawInRect:(CGRect)rect withFont:(UIFont *)font lineBreakMode:(NSLineBreakMode)lineBreakMode verticalAlignment:(NSVerticalTextAlignment)vAlign;
- (CGSize)drawInRect:(CGRect)rect withFont:(UIFont *)font lineBreakMode:(NSLineBreakMode)lineBreakMode alignment:(NSTextAlignment)alignment verticalAlignment:(NSVerticalTextAlignment)vAlign;
@end


// NSString+NSVerticalAlign.m
#import "NSString+NSVerticalAlign.h"

@implementation NSString (VerticalAlign)
- (CGSize)drawInRect:(CGRect)rect withFont:(UIFont *)font verticalAlignment:(NSVerticalTextAlignment)vAlign {
switch (vAlign) {
    case NSVerticalTextAlignmentTop:
        break;

    case NSVerticalTextAlignmentMiddle:
        rect.Origin.y = rect.Origin.y + ((rect.size.height - font.pointSize) / 2);
        break;

    case NSVerticalTextAlignmentBottom:
        rect.Origin.y = rect.Origin.y + rect.size.height - font.pointSize;
        break;
    }
    return [self drawInRect:rect withFont:font];
}
- (CGSize)drawInRect:(CGRect)rect withFont:(UIFont *)font lineBreakMode:(NSLineBreakMode)lineBreakMode verticalAlignment:(NSVerticalTextAlignment)vAlign {
switch (vAlign) {
    case NSVerticalTextAlignmentTop:
        break;

    case NSVerticalTextAlignmentMiddle:
        rect.Origin.y = rect.Origin.y + ((rect.size.height - font.pointSize) / 2);
        break;

    case NSVerticalTextAlignmentBottom:
        rect.Origin.y = rect.Origin.y + rect.size.height - font.pointSize;
        break;
    }   
    return [self drawInRect:rect withFont:font lineBreakMode:lineBreakMode];
}
- (CGSize)drawInRect:(CGRect)rect withFont:(UIFont *)font lineBreakMode:(NSLineBreakMode)lineBreakMode alignment:(NSTextAlignment)alignment verticalAlignment:(NSVerticalTextAlignment)vAlign {
switch (vAlign) {
    case NSVerticalTextAlignmentTop:
        break;

    case NSVerticalTextAlignmentMiddle:
        rect.Origin.y = rect.Origin.y + ((rect.size.height - font.pointSize) / 2);
        break;

    case NSVerticalTextAlignmentBottom:
        rect.Origin.y = rect.Origin.y + rect.size.height - font.pointSize;
        break;
    }   
    return [self drawInRect:rect withFont:font lineBreakMode:lineBreakMode alignment:alignment];
}
@end
1
Julian F. Weinert

次のスニペットは、注釈カスタム画像を参照として使用して中央のテキスト文字列を描画するのに役立ちます。

CustomAnnotation.h

@interface CustomAnnotation : MKAnnotationView
[...]

CustomAnnotation.m

[...]        
       - (void)drawRect:(CGRect)rect
        {
            ClusterAnnotation *associatedAnnotation = (CustomAnnotation *)self.annotation;
            if (associatedAnnotation != nil)
            {
                CGContextRef context = UIGraphicsGetCurrentContext();

                NSString *imageName = @"custom_image.png";                
                CGRect contextRect = CGRectMake(0, 0, 42.0, 42.0);
                CGFloat fontSize = 14.0;        

                [[UIImage imageNamed:imageName] drawInRect:contextRect];

                NSInteger myIntegerValue = [associatedAnnotation.dataObject.myIntegerValue integerValue];
                NSString *myStringText = [NSString stringWithFormat:@"%d", myIntegerValue];

                UIFont *font = [UIFont fontWithName:@"Helvetica-Bold" size:fontSize];

                CGSize fontWidth = [myStringText sizeWithFont:font];

                CGFloat yOffset = (contextRect.size.height - fontWidth.height) / 2.0;
                CGFloat xOffset = (contextRect.size.width - fontWidth.width) / 2.0;        

                CGPoint textPoint = CGPointMake(contextRect.Origin.x + xOffset, contextRect.Origin.y + yOffset);        

                CGContextSetTextDrawingMode(context, kCGTextStroke);

                CGContextSetLineWidth(context, fontSize/10);
                CGContextSetStrokeColorWithColor(context, [[UIColor whiteColor] CGColor]);
                [myStringText drawAtPoint:textPoint withFont:font];

                CGContextSetTextDrawingMode(context, kCGTextFill);
                CGContextSetFillColorWithColor(context, [[UIColor blackColor] CGColor]);
                [myStringText drawAtPoint:textPoint withFont:font];


            }
        }
0
jalopezsuarez