iPhone - Cách vẽ văn bản ở giữa một hình vuông

Question

Có phương pháp vẽ văn bản ở giữa hình chữ nhật hay không. Tôi có thể tìm thấy nhiều sắp xếp khác nhau, nhưng không có gì tôi đã cố gắng có thể theo chiều dọc trung tâm văn bản trong một rect.

Có phương pháp đơn giản để thực hiện việc này hay có cách nào để căn giữa hình chữ nhật và sau đó vẽ hình đó?

Tôi đang vẽ trực tiếp đến CGContext, cố gắng sử dụng NSString :: drawWithRect hoặc một cái gì đó tương tự, vì tôi thực sự không muốn thêm Nhãn chỉ để hiển thị một số văn bản cơ bản.

Answer 1

Vâng, font sở hữu pointSize tương ứng trực tiếp với chiều cao bằng pixel của một NSString rút ra trong UIFont đó, vì vậy công thức của bạn sẽ là một cái gì đó như thế này:

- (void) drawString: (NSString*) s 
      withFont: (UIFont*) font 
      inRect: (CGRect) contextRect { 

    CGFloat fontHeight = font.pointSize; 
    CGFloat yOffset = (contextRect.size.height - fontHeight)/2.0; 

    CGRect textRect = CGRectMake(0, yOffset, contextRect.size.width, fontHeight); 

    [s drawInRect: textRect 
     withFont: font 
    lineBreakMode: UILineBreakModeClip 
     alignment: UITextAlignmentCenter]; 
} 

UITextAlignmentCenter xử lý các horizontal định tâm, vì vậy chúng tôi sử dụng chiều rộng đầy đủ của contextRect. Các lineBreakMode có thể được bất cứ điều gì bạn thích.

Answer 2

Trong iOS 6, bạn nhận được chuỗi được phân bổ và sắp xếp đoạn văn, do đó, điều này trở nên đơn giản hơn và mạnh mẽ hơn. Trong ví dụ này, chúng ta vẽ một lớn màu đỏ "A" ở giữa một hình chữ nhật:

NSMutableParagraphStyle* p = [NSMutableParagraphStyle new]; 
p.alignment = NSTextAlignmentCenter; 
NSAttributedString* bigA = 
    [[NSAttributedString alloc] initWithString:@"A" attributes:@{ 
     NSFontAttributeName: [UIFont fontWithName:@"Georgia" size:100], 
     NSForegroundColorAttributeName: [UIColor redColor], 
     NSParagraphStyleAttributeName: p 
    }]; 
[bigA drawInRect:CGRectMake(0,0,200,200)]; 

Answer 3

Tôi đồng ý với câu trả lời của amagrammer, ngoại trừ một sự thay đổi nhỏ: Tôi sử dụng font.lineSize để có được chiều cao thích hợp. Tôi cho rằng sizeWithFont sẽ cung cấp cho bạn các linesize cũng

Answer 4

tôi đã tìm thấy mã này hoạt động khá tốt:

NSString *text = @"A bit of text to draw"; 
UIFont *font = [UIFont systemFontOfSize:12]; 
CGRect textFrame = (CGRect) 
{ 
    .size.width = 150, 
    .size.height = 150, 
}; 
CGSize textSize = [text sizeWithFont:font constrainedToSize:textFrame.size lineBreakMode:NSLineBreakByWordWrapping]; 
CGRect newTextFrame = CGRectInset(textFrame, 0, (textFrame.size.height - textSize.height)/2); 
[text drawInRect:newTextFrame withFont:font lineBreakMode:NSLineBreakByWordWrapping alignment:NSTextAlignmentCenter]; 

Các văn bản, phông chữ và chứa khung có thể đến từ bất cứ nơi nào, vì vậy chỉ cần sử dụng cùng một dòng chế độ nghỉ khi bạn thực hiện phép tính và bản vẽ.

Answer 5

Đây là phiên bản cập nhật dành cho iOS7.0 +.

Tôi cũng đã cải thiện câu trả lời ở trên bằng cách sử dụng phương thức sizeWithAttributes: trả về giới hạn của văn bản cho phép bạn định vị chính xác văn bản trước khi vẽ. Điều này loại bỏ sự cần thiết phải hardcode bất kỳ điều chỉnh mà sẽ phá vỡ nếu bạn sử dụng một phông chữ kích thước khác nhau hoặc nếu bạn sử dụng một phông chữ khác nhau.

- (void) drawString: (NSString*) s 
      withFont: (UIFont*) font 
      inRect: (CGRect) contextRect { 

    /// Make a copy of the default paragraph style 
    NSMutableParagraphStyle *paragraphStyle = [[NSParagraphStyle defaultParagraphStyle] mutableCopy]; 
    /// Set line break mode 
    paragraphStyle.lineBreakMode = NSLineBreakByTruncatingTail; 
    /// Set text alignment 
    paragraphStyle.alignment = NSTextAlignmentCenter; 

    NSDictionary *attributes = @{ NSFontAttributeName: font, 
            NSForegroundColorAttributeName: [UIColor whiteColor], 
            NSParagraphStyleAttributeName: paragraphStyle }; 

    CGSize size = [s sizeWithAttributes:attributes]; 

    CGRect textRect = CGRectMake(contextRect.origin.x + floorf((contextRect.size.width - size.width)/2), 
           contextRect.origin.y + floorf((contextRect.size.height - size.height)/2), 
           size.width, 
           size.height); 

    [s drawInRect:textRect withAttributes:attributes]; 
}