Есть ли способ рисования текста в середине прямоугольника. Я могу найти различные выравнивания, но ничто, что я пробовал, не может вертикально центрировать текст в прямоугольнике.
Есть ли простой способ сделать это, или есть какой-то способ центрировать прямоугольник, а затем нарисовать его?
Я рисую непосредственно в CGContext, пытаясь использовать NSString:: drawWithRect или что-то подобное, так как я действительно не хочу добавлять ярлык только для отображения основного текста.
Ну, свойство font pointSize соответствует непосредственно высоте в пикселях NSString, нарисованной в этом UIFont, поэтому ваша формула будет примерно такой:
- (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 обрабатывает центрирование horizontal, поэтому мы используем полную ширину contextRect. lineBreakMode может быть любым, что вам нравится.
Здесь обновлена версия для iOS7.0 +.
Я также улучшил этот ответ, используя метод sizeWithAttributes:, который возвращает границы текста, позволяющие правильно позиционировать текст перед его рисованием. Это устраняет необходимость жесткого кодирования любых настроек, которые будут ломаться, если вы используете шрифт другого размера или используете другой шрифт.
- (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];
}
В iOS 6 вам присваиваются строки и выравнивания абзацев, поэтому это становится намного более простым и мощным. В этом примере мы рисуем большой красный "A" в середине прямоугольника:
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)];
Я согласен с ответом amagrammer, за исключением небольшого изменения: я использую font.lineSize для получения правильной высоты. Я предполагаю, что sizeWithFont также предоставит вам LineSize
Я нашел, что этот код работает очень хорошо:
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];
Текст, шрифт и содержащий фрейм могут поступать из любого места, поэтому просто используйте один и тот же режим прерывания строки, когда выполняете расчет и рисунок.