IPhone - UILabel, содержащий текст с несколькими шрифтами одновременно
Я ищу способ использовать UILabel (или что-то подобное), чтобы отобразить что-то вроде этого:
Tom: Некоторое сообщение.
Это похоже на то, как это делается, например, в приложении Facebook, чтобы отобразить "что на уме?". Сообщения. Есть ли у кого-нибудь предложения, как это сделать?
Ответы
Ответ 1
Используйте два UILabel IBOutlets, каждый с другим форматом (шрифт/цвет/и т.д.), по вашему желанию. Переместите второй по первому на основе того, где заканчивается первый текст. Вы можете получить это через sizeWithFont: forWidth: lineBreakMode:
В качестве альтернативы вы можете подклассифицировать UILabel и нарисовать текст самостоятельно в drawRect. Если вы сделаете это так, просто добавьте переменную экземпляра, чтобы рассказать вам, сколько строк нужно рисовать в одном формате, и нарисуйте остальные в другом.
Обновление: см. ответ @Akshay ниже. Начиная с iOS6 UILabel может содержать NSMutableAttributedString. Когда я написал это, это было недоступно.
Ответ 2
Существует способ установить разные/множественные шрифты и другие свойства на ярлыке, используя NSMutableAttributedString. Foll - мой код:
UIFont *arialFont = [UIFont fontWithName:@"arial" size:18.0];
NSDictionary *arialDict = [NSDictionary dictionaryWithObject: arialFont forKey:NSFontAttributeName];
NSMutableAttributedString *aAttrString = [[NSMutableAttributedString alloc] initWithString:title attributes: arialDict];
UIFont *VerdanaFont = [UIFont fontWithName:@"verdana" size:12.0];
NSDictionary *verdanaDict = [NSDictionary dictionaryWithObject:VerdanaFont forKey:NSFontAttributeName];
NSMutableAttributedString *vAttrString = [[NSMutableAttributedString alloc]initWithString: newsDate attributes:verdanaDict];
[vAttrString addAttribute:NSForegroundColorAttributeName value:[UIColor blackColor] range:(NSMakeRange(0, 15))];
[aAttrString appendAttributedString:vAttrString];
lblText.attributedText = aAttrString;
Обратите внимание, что lblText - это UILabel, выход в качестве владельца файла.
Можно продолжать добавлять столько NSMutableAttributedString, сколько он хочет.
Также обратите внимание, что в моем проекте добавлен шрифт verdana и arial и добавлен слой для этого.
Ответ 3
Извините за поздний ответ. Ниже код отлично подходит для меня.
Я размещаю это так, чтобы он был полезен кому-то.
UIFont *font1 = [UIFont fontWithName:kMyriadProSemiBold size:15];
NSDictionary *arialDict = [NSDictionary dictionaryWithObject: font1 forKey:NSFontAttributeName];
NSMutableAttributedString *aAttrString1 = [[NSMutableAttributedString alloc] initWithString:@"My" attributes: arialDict];
UIFont *font2 = [UIFont fontWithName:kMyriadProRegular size:15];
NSDictionary *arialDict2 = [NSDictionary dictionaryWithObject: font2 forKey:NSFontAttributeName];
NSMutableAttributedString *aAttrString2 = [[NSMutableAttributedString alloc] initWithString:@"Profile" attributes: arialDict2];
[aAttrString1 appendAttributedString:aAttrString2];
myProfileLabel.attributedText = aAttrString1;
Обратите внимание, что My - полужирный, а профиль - обычный. Я использовал шрифт MyRiad. Благодаря
Ответ 4
Обновление: если вы iOS 6+, используйте UILabel.attributedText - иначе....
Я создал этот базовый подкласс UIView для поддержки аналогичной функциональности.
Список поддержки не поддерживает больше, чем то, что он делает, но в основном это позволяет вам управлять строкой одиночной UILabels и форматировать каждый так, как вы хотеть. Это позволяет мне вставлять текст с другим цветом в середине линии, например, и избегать использования большого UIWebView.
Я создаю эти объекты, поместив объект UIView в свой интерфейс (используя Interface Builder) и задав тип объекта в IB для MultipartLabel. Затем в коде я вызываю updateNumberOfLabels и различные селектор setText по мере необходимости.
// MultipartLabel.m
// MultiLabelLabel
//
// Created by Jason Miller on 10/7/09.
// Copyright 2009 Jason Miller. All rights reserved.
//
#import "MultipartLabel.h"
@interface MultipartLabel (Private)
- (void)updateLayout;
@end
@implementation MultipartLabel
@synthesize containerView;
@synthesize labels;
-(void)updateNumberOfLabels:(int)numLabels;
{
[containerView removeFromSuperview];
self.containerView = nil;
self.containerView = [[[UIView alloc] initWithFrame:CGRectMake(0, 0, self.frame.size.width, self.frame.size.height)] autorelease];
[self addSubview:self.containerView];
self.labels = [NSMutableArray array];
while (numLabels-- > 0) {
UILabel * label = [[UILabel alloc] initWithFrame:CGRectZero];
[self.containerView addSubview:label];
[self.labels addObject:label];
[label release];
}
[self updateLayout];
}
-(void)setText:(NSString *)text forLabel:(int)labelNum;
{
if( [self.labels count] > labelNum && labelNum >= 0 )
{
UILabel * thisLabel = [self.labels objectAtIndex:labelNum];
thisLabel.text = text;
}
[self updateLayout];
}
-(void)setText:(NSString *)text andFont:(UIFont*)font forLabel:(int)labelNum;
{
if( [self.labels count] > labelNum && labelNum >= 0 )
{
UILabel * thisLabel = [self.labels objectAtIndex:labelNum];
thisLabel.text = text;
thisLabel.font = font;
}
[self updateLayout];
}
-(void)setText:(NSString *)text andColor:(UIColor*)color forLabel:(int)labelNum;
{
if( [self.labels count] > labelNum && labelNum >= 0 )
{
UILabel * thisLabel = [self.labels objectAtIndex:labelNum];
thisLabel.text = text;
thisLabel.textColor = color;
}
[self updateLayout];
}
-(void)setText:(NSString *)text andFont:(UIFont*)font andColor:(UIColor*)color forLabel:(int)labelNum;
{
if( [self.labels count] > labelNum && labelNum >= 0 )
{
UILabel * thisLabel = [self.labels objectAtIndex:labelNum];
thisLabel.text = text;
thisLabel.font = font;
thisLabel.textColor = color;
}
[self updateLayout];
}
- (void)updateLayout {
int thisX = 0;
// TODO when it is time to support different sized fonts, need to adjust each y value to line up baselines
for (UILabel * thisLabel in self.labels) {
CGSize size = [thisLabel.text sizeWithFont:thisLabel.font
constrainedToSize:CGSizeMake(9999, 9999)
lineBreakMode:thisLabel.lineBreakMode];
CGRect thisFrame = CGRectMake( thisX, 0, size.width, size.height );
thisLabel.frame = thisFrame;
thisX += size.width;
}
}
- (void)dealloc {
[labels release];
labels = nil;
[containerView release];
containerView = nil;
[super dealloc];
}
@end
Ответ 5
В swift 2.0 это можно сделать следующим образом
//Defining fonts of size and type
let firstfont:UIFont = UIFont(name: "Helvetica Neue", size: 17)!
let boldFont:UIFont = UIFont(name: "HelveticaNeue-Bold", size: 17)!
let thirdFont:UIFont = UIFont(name: "HelveticaNeue-ThinItalic", size: 17)!
//Making dictionaries of fonts that will be passed as an attribute
let firstDict:NSDictionary = NSDictionary(object: firstfont, forKey:
NSFontAttributeName)
let boldDict:NSDictionary = NSDictionary(object: boldFont, forKey:
NSFontAttributeName)
let thirdDict:NSDictionary = NSDictionary(object: thirdFont, forKey:
NSFontAttributeName)
let firstText = "My name is "
let attributedString = NSMutableAttributedString(string: firstText,
attributes: firstDict as? [String : AnyObject])
let boldText = "Rajan"
let boldString = NSMutableAttributedString(string:boldText,
attributes:boldDict as? [String : AnyObject])
let finalText = " iOS"
let finalAttributedString = NSMutableAttributedString(string:
finalText, attributes: thirdDict as? [String : AnyObject])
attributedString.appendAttributedString(boldString)
attributedString.appendAttributedString(finalAttributedString)
myLabel.attributedText = attributedString
редактировать
Swift 3.0
let firstfont:UIFont = UIFont(name: "Helvetica Neue", size: 17)!
let boldFont:UIFont = UIFont(name: "HelveticaNeue-Bold", size: 17)!
let thirdFont:UIFont = UIFont(name: "HelveticaNeue-ThinItalic", size: 17)!
//Making dictionaries of fonts that will be passed as an attribute
let firstDict:NSDictionary = NSDictionary(object: firstfont, forKey:
NSFontAttributeName as NSCopying)
let boldDict:NSDictionary = NSDictionary(object: boldFont, forKey:
NSFontAttributeName as NSCopying)
let thirdDict:NSDictionary = NSDictionary(object: thirdFont, forKey:
NSFontAttributeName as NSCopying)
let firstText = "My name is "
let attributedString = NSMutableAttributedString(string: firstText,
attributes: firstDict as? [String : AnyObject])
let boldText = "Rajan"
let boldString = NSMutableAttributedString(string:boldText,
attributes:boldDict as? [String : AnyObject])
let finalText = " iOS"
let finalAttributedString = NSMutableAttributedString(string:
finalText, attributes: thirdDict as? [String : AnyObject])
attributedString.append(boldString)
attributedString.append(finalAttributedString)
myLabel.attributedText = attributedString
Это будет выглядеть
Ответ 6
Я обновил MultipartLabel, предложенный @Jason, добавив поддержку contentMode (выравнивание текста).
MultipartLabel.h
#import <Foundation/Foundation.h>
@interface MultipartLabel : UIView {
}
@property (nonatomic,retain) UIView *containerView;
@property (nonatomic,retain) NSMutableArray *labels;
@property (nonatomic) UIViewContentMode contentMode;
- (void)updateNumberOfLabels:(int)numLabels;
- (void)setText:(NSString *)text forLabel:(int)labelNum;
- (void)setText:(NSString *)text andFont:(UIFont*)font forLabel:(int)labelNum;
- (void)setText:(NSString *)text andColor:(UIColor*)color forLabel:(int)labelNum;
- (void)setText:(NSString *)text andFont:(UIFont*)font andColor:(UIColor*)color forLabel:(int)labelNum;
@end
MultipartLabel.m
// MultipartLabel.m
// MultipartLabel
//
// Created by Jason Miller on 10/7/09.
// Updated by Laurynas Butkus, 2011
// Copyright 2009 Jason Miller. All rights reserved.
//
#import "MultipartLabel.h"
@interface MultipartLabel (Private)
- (void)updateLayout;
@end
@implementation MultipartLabel
@synthesize containerView;
@synthesize labels;
@synthesize contentMode;
-(void)updateNumberOfLabels:(int)numLabels
{
[containerView removeFromSuperview];
self.containerView = nil;
self.containerView = [[[UIView alloc] initWithFrame:CGRectMake(0, 0, self.frame.size.width, self.frame.size.height)] autorelease];
[self addSubview:self.containerView];
self.labels = [NSMutableArray array];
while (numLabels-- > 0) {
UILabel * label = [[UILabel alloc] initWithFrame:CGRectZero];
label.backgroundColor = self.backgroundColor;
[self.containerView addSubview:label];
[self.labels addObject:label];
[label release];
}
[self updateLayout];
}
-(void)setText:(NSString *)text forLabel:(int)labelNum
{
if( [self.labels count] > labelNum && labelNum >= 0 )
{
UILabel * thisLabel = [self.labels objectAtIndex:labelNum];
thisLabel.text = text;
}
[self updateLayout];
}
-(void)setText:(NSString *)text andFont:(UIFont*)font forLabel:(int)labelNum
{
if( [self.labels count] > labelNum && labelNum >= 0 )
{
UILabel * thisLabel = [self.labels objectAtIndex:labelNum];
thisLabel.text = text;
thisLabel.font = font;
}
[self updateLayout];
}
-(void)setText:(NSString *)text andColor:(UIColor*)color forLabel:(int)labelNum
{
if( [self.labels count] > labelNum && labelNum >= 0 )
{
UILabel * thisLabel = [self.labels objectAtIndex:labelNum];
thisLabel.text = text;
thisLabel.textColor = color;
}
[self updateLayout];
}
- (void)setText:(NSString *)text andFont:(UIFont*)font andColor:(UIColor*)color forLabel:(int)labelNum
{
if( [self.labels count] > labelNum && labelNum >= 0 )
{
UILabel * thisLabel = [self.labels objectAtIndex:labelNum];
thisLabel.text = text;
thisLabel.font = font;
thisLabel.textColor = color;
}
[self updateLayout];
}
- (void)updateLayout {
int thisX;
int thisY;
int totalWidth = 0;
int offsetX = 0;
int sizes[[self.labels count]][2];
int i = 0;
for (UILabel * thisLabel in self.labels) {
CGSize size = [thisLabel.text sizeWithFont:thisLabel.font constrainedToSize:CGSizeMake(9999, 9999)
lineBreakMode:thisLabel.lineBreakMode];
sizes[i][0] = size.width;
sizes[i][1] = size.height;
totalWidth+= size.width;
i++;
}
i = 0;
for (UILabel * thisLabel in self.labels) {
// X
switch (self.contentMode) {
case UIViewContentModeRight:
case UIViewContentModeBottomRight:
case UIViewContentModeTopRight:
thisX = self.frame.size.width - totalWidth + offsetX;
break;
case UIViewContentModeCenter:
thisX = (self.frame.size.width - totalWidth) / 2 + offsetX;
break;
default:
thisX = offsetX;
break;
}
// Y
switch (self.contentMode) {
case UIViewContentModeBottom:
case UIViewContentModeBottomLeft:
case UIViewContentModeBottomRight:
thisY = self.frame.size.height - sizes[i][1];
break;
case UIViewContentModeCenter:
thisY = (self.frame.size.height - sizes[i][1]) / 2;
break;
default:
thisY = 0;
break;
}
thisLabel.frame = CGRectMake( thisX, thisY, sizes[i][0], sizes[i][1] );
offsetX += sizes[i][0];
i++;
}
}
- (void)dealloc {
[labels release];
labels = nil;
[containerView release];
containerView = nil;
[super dealloc];
}
@end
Ответ 7
Использовать API CoreText будет намного быстрее.
Вот несколько примеров
В основном то, что вам нужно сделать, это:
1: Создать подкласс UIView
2: В методе drawRect: добавьте логику рисования текста.
Логика рисования текста:
- Вам нужно знать диапазон "имя",
поэтому, если Tom: некоторое сообщение. это ваша строка, вам придется применять другой шрифт для диапазона (0, 3).
Вы можете настроить все с помощью CoreText:)
Ответ 8
Привет OHAttributelabel - хороший способ для этого. Вы можете ссылаться на образец кода с помощью ссылки ниже
https://github.com/AliSoftware/OHAttributedLabel
Импортируйте фреймворк OHAttribute из него, и вы можете установить свою метку ниже
OHAttributedLabel *lblText;
lblText = [[OHAttributedLabel alloc] initWithFrame:CGRectMake(10,10,100,19)];
lblText.backgroundColor = [UIColor clearColor];
lblText.textAlignment = UITextAlignmentCenter;
lblText.font = [UIFont fontWithName:@"BoschSans-Regular" size:10];
NSString *[email protected]"Tom: Some message.";
NSMutableAttributedString* attrStr = [NSMutableAttributedString attributedStringWithString: strText];
NSRange rangeOfSubstring = [strVersion rangeOfString:@"Tom:];
if (rangeOfSubstring.location != NSNotFound) {
[attrStr setFontName:@"BoschSans-BOLD" size:10.0 range:rangeOfSubstring];
}
else {
}
lblText.attributedText = attrStr;
[self.View addSubview: lblText];
Ответ 9
Один вариант - использовать UIWebView вместо UILabel.
Пример:
http://iphoneincubator.com/blog/windows-views/display-rich-text-using-a-uiwebview
Ответ 10
довольно легко создать собственный HTML-код = >
UIWebView *titleAd = [UIWebView alloc] init...;
NSString *cssString = [NSString stringWithFormat:@".title {font-family: HelveticaNeue; text-decoration: bold; font-size: %fpt; color: #4083a9;} .author {font-family: HelveticaNeue; text-decoration: bold; font-size: %fpt; color: #3e4545;}",__FONTSIZE_29__, __FONTSIZE_21__];
NSString *htmlString = [NSString stringWithFormat:@"<html> <head> <style type=\"text/css\"> %@ </style> </head> <body> <p> <span class=\"title\"> %@ </span> <span class=\"author\"> proposé par %@ </span> </p> </body> </html>", cssString, [table title], [table nameOwner]];
[titleAd loadHTMLString:htmlString baseURL:nil];