Отрегулируйте высоту UILabel в зависимости от текста

У меня есть следующий текст в UILabel (длинная строка динамического текста):

Поскольку инопланетная армия значительно превосходит команду, игроки должны использовать пост-апокалиптический мир в своих интересах, например, искать прикрытие за мусорными контейнерами, колоннами, автомобилями, щебнем и другими объектами.

Я хочу изменить размер UILabel's, чтобы текст мог вписаться. Я использую следующие свойства UILabel, чтобы сделать текст внутри.

myUILabel.lineBreakMode = UILineBreakModeWordWrap;
myUILabel.numberOfLines = 0;

Пожалуйста, дайте мне знать, если я не пойду в правильном направлении. Спасибо.

Ответы

Ответ 1

sizeWithFont constrainedToSize:lineBreakMode: - используемый метод. Пример того, как его использовать, приведен ниже:

//Calculate the expected size based on the font and linebreak mode of your label
// FLT_MAX here simply means no constraint in height
CGSize maximumLabelSize = CGSizeMake(296, FLT_MAX);

CGSize expectedLabelSize = [yourString sizeWithFont:yourLabel.font constrainedToSize:maximumLabelSize lineBreakMode:yourLabel.lineBreakMode];   

//adjust the label the the new height.
CGRect newFrame = yourLabel.frame;
newFrame.size.height = expectedLabelSize.height;
yourLabel.frame = newFrame;

Ответ 2

Вы шли в правильном направлении. Все, что вам нужно сделать, это:

myUILabel.numberOfLines = 0;
myUILabel.text = @"Enter large amount of text here";
[myUILabel sizeToFit];

Ответ 3

В iOS 6 Apple добавила свойство UILabel, что значительно упрощает динамическое вертикальное изменение размеров меток: preferredMaxLayoutWidth.

Использование этого свойства в сочетании с методом lineBreakMode = NSLineBreakByWordWrapping и sizeToFit позволяет легко изменять размер экземпляра UILabel до высоты, которая поддерживает весь текст.

Цитата из документации iOS:

<Б > preferredMaxLayoutWidth Предпочтительная максимальная ширина (в точках) для многострочной метки.

<Б > Обсуждение Это свойство влияет на размер метки, когда к ней применяются ограничения макета. Во время компоновки, если текст выходит за пределы ширины, заданной этим свойством, дополнительный текст пропускается в одну или несколько новых строк, тем самым увеличивая высоту метки.

Образец:

...
UILabel *status = [[UILabel alloc] init];
status.lineBreakMode = NSLineBreakByWordWrapping;
status.numberOfLines = 5; // limits to 5 lines; use 0 for unlimited.

[self addSubview:status]; // self here is the parent view

status.preferredMaxLayoutWidth = self.frame.size.width; // assumes the parent view has its frame already set.

status.text = @"Some quite lengthy message may go here…";
[status sizeToFit];
[status setNeedsDisplay];
...

Ответ 4

Вместо этого программно, вы можете сделать это в Storyboard/XIB при проектировании.

  • Задайте свойство атрибута количество строк для << → в указателе атрибутов.
  • Затем установите ограничение ширины/(или) ведущее и конечное ограничение в соответствии с требованием.
  • Затем установить ограничение высоты с минимальным значением. Наконец, выберите ограничение по высоте, которое вы добавили, а в инспекторе размеров - рядом с инспектором атрибутов измените отношение высоты от , равное - больше.

Ответ 5

Проверьте эту работу отлично, не добавляя одиночную строку кода. (Использование Autolayout)

Я сделал демо для вас согласно вашему требованию. Загрузите его по ссылке ниже,

Авторизовать UIView и UILabel

Пошаговое руководство: -

Шаг 1: - Установите ограничение на UIView

1) Leading 2) Top 3) Trailing (From mainview)

введите описание изображения здесь

Шаг 2: - Установите ограничение на метку 1

1) Leading 2) Top 3) Trailing (From the superview)

введите описание изображения здесь

Шаг 3: - Установите ограничение на метку 2

1) Ведущий 2) Трейлинг (из него супервизор)

введите описание изображения здесь

Шаг 4: Самый сложный дает botton UILabel из UIView.

введите описание изображения здесь

Шаг 5: - (необязательно) Установите ограничение на UIButton

1) Ведущий 2) Нижний 3) Трейлинг 4) Фиксированная высота (из основного вида)

введите описание изображения здесь

Результат: -

введите описание изображения здесь

Примечание: - Убедитесь, что вы задали Number of lines = 0 в свойстве Label.

введите описание изображения здесь

Я надеюсь, что эта информация достаточно, чтобы понять Autoresize UIView в соответствии с высотой UILabel и Autoresize UILabel. Согласно тексту.

Ответ 6

Спасибо, ребята за помощь, вот код, который я пробовал, который работает для меня

   UILabel *instructions = [[UILabel alloc]initWithFrame:CGRectMake(10, 225, 300, 180)];
   NSString *text = @"First take clear picture and then try to zoom in to fit the ";
   instructions.text = text;
   instructions.textAlignment = UITextAlignmentCenter;
   instructions.lineBreakMode = NSLineBreakByWordWrapping;
   [instructions setTextColor:[UIColor grayColor]];

   CGSize expectedLabelSize = [text sizeWithFont:instructions.font 
                                constrainedToSize:instructions.frame.size
                                    lineBreakMode:UILineBreakModeWordWrap];

    CGRect newFrame = instructions.frame;
    newFrame.size.height = expectedLabelSize.height;
    instructions.frame = newFrame;
    instructions.numberOfLines = 0;
    [instructions sizeToFit];
    [self addSubview:instructions];

Ответ 7

Решение для iOS7 и iOS7 выше

//
//  UILabel+DynamicHeight.m
//  For StackOverFlow
//
//  Created by Vijay on 24/02/14.
//  Copyright (c) 2014 http://Vijay-Apple-Dev.blogspot.com. All rights reserved.
//

#import <UIKit/UIKit.h>

#define SYSTEM_VERSION_GREATER_THAN_OR_EQUAL_TO(v)  ([[[UIDevice currentDevice] systemVersion] compare:v options:NSNumericSearch] != NSOrderedAscending)

#define SYSTEM_VERSION_LESS_THAN(v)                 ([[[UIDevice currentDevice] systemVersion] compare:v options:NSNumericSearch] == NSOrderedAscending)

#define iOS7_0 @"7.0"

@interface UILabel (DynamicHeight)

/*====================================================================*/

/* Calculate the size,bounds,frame of the Multi line Label */

/*====================================================================*/
/**
 *  Returns the size of the Label
 *
 *  @param aLabel To be used to calculte the height
 *
 *  @return size of the Label
 */

-(CGSize)sizeOfMultiLineLabel;

@end


//
//  UILabel+DynamicHeight.m
//  For StackOverFlow
//
//  Created by Vijay on 24/02/14.
//  Copyright (c) 2014 http://Vijay-Apple-Dev.blogspot.com. All rights reserved.
//

#import "UILabel+DynamicHeight.h"

@implementation UILabel (DynamicHeight)
/*====================================================================*/

/* Calculate the size,bounds,frame of the Multi line Label */

/*====================================================================*/
/**
 *  Returns the size of the Label
 *
 *  @param aLabel To be used to calculte the height
 *
 *  @return size of the Label
 */
-(CGSize)sizeOfMultiLineLabel{

    NSAssert(self, @"UILabel was nil");

    //Label text
    NSString *aLabelTextString = [self text];

    //Label font
    UIFont *aLabelFont = [self font];

    //Width of the Label
    CGFloat aLabelSizeWidth = self.frame.size.width;


    if (SYSTEM_VERSION_LESS_THAN(iOS7_0)) {
        //version < 7.0

        return [aLabelTextString sizeWithFont:aLabelFont
                            constrainedToSize:CGSizeMake(aLabelSizeWidth, MAXFLOAT)
                                lineBreakMode:NSLineBreakByWordWrapping];
    }
    else if (SYSTEM_VERSION_GREATER_THAN_OR_EQUAL_TO(iOS7_0)) {
        //version >= 7.0

        //Return the calculated size of the Label
        return [aLabelTextString boundingRectWithSize:CGSizeMake(aLabelSizeWidth, MAXFLOAT)
                                              options:NSStringDrawingUsesLineFragmentOrigin
                                           attributes:@{
                                                        NSFontAttributeName : aLabelFont
                                                        }
                                              context:nil].size;

    }

    return [self bounds].size;

}

@end

Ответ 8

Так как sizeWithFont устарел, я использую этот вариант вместо.

этот атрибут получает определенные атрибуты метки.

-(CGFloat)heightForLabel:(UILabel *)label withText:(NSString *)text{

    NSAttributedString *attributedText = [[NSAttributedString alloc] initWithString:text attributes:@{NSFontAttributeName:label.font}];
    CGRect rect = [attributedText boundingRectWithSize:(CGSize){label.frame.size.width, CGFLOAT_MAX}
                                           options:NSStringDrawingUsesLineFragmentOrigin
                                           context:nil];

    return ceil(rect.size.height);
}

Ответ 9

Вы можете реализовать метод TableViewController's (UITableViewCell *)tableView:cellForRowAtIndexPath следующим образом (например):

#define CELL_LABEL_TAG 1

- (UITableViewCell *)tableView:(UITableView *)tableView  cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    NSString *text = @"my long text";

    static NSString *MyIdentifier = @"MyIdentifier";
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:MyIdentifier];
    if (cell == nil) {
        cell = [[[UITableViewCell alloc] initWithFrame:CGRectZero  reuseIdentifier:identifier] autorelease];
    }

    CGFloat width = [UIScreen mainScreen].bounds.size.width - 50;
    CGFloat height = [self textHeight:text] + 10;
    CGRect frame = CGRectMake(10.0f, 10.0f, width, height);

    UILabel *cellLabel = [[UILabel alloc] initWithFrame:frame];
    cellLabel.tag = CELL_LABEL_TAG;
    cellLabel.textColor = [UIColor blackColor];
    cellLabel.backgroundColor = [UIColor clearColor];
    cellLabel.textAlignment = UITextAlignmentLeft;
    cellLabel.font = [UIFont systemFontOfSize:12.0f];
    [cell.contentView addSubview:cellLabel];
    [cellLabel release];

    return cell;
}

UILabel *label = (UILabel *)[cell viewWithTag:CELL_LABEL_TAG];
label.text = text;
label.numberOfLines = 0;
[label sizeToFit];
return cell;

Также используйте метод NSString sizeWithFont:constrainedToSize:lineBreakMode: для вычисления высоты текста.

Ответ 10

Вот категория:

UILabel + AutoSize.h  #import

@interface UILabel (AutoSize)

- (void) autosizeForWidth: (int) width;

@end

UILabel + AutoSize.m

#import "UILabel+AutoSize.h"

@implementation UILabel (AutoSize)

- (void) autosizeForWidth: (int) width {
    self.lineBreakMode = UILineBreakModeWordWrap;
    self.numberOfLines = 0;
    CGSize maximumLabelSize = CGSizeMake(width, FLT_MAX);
    CGSize expectedLabelSize = [self.text sizeWithFont:self.font constrainedToSize:maximumLabelSize lineBreakMode:self.lineBreakMode];
    CGRect newFrame = self.frame;
    newFrame.size.height = expectedLabelSize.height;
    self.frame = newFrame;
}

@end

Ответ 11

Самый простой и лучший способ, который работал у меня, - применить ограничение высоты для метки и установить приоритет на низкий, т.е. (250) в раскадровке.

Поэтому вам не нужно беспокоиться о том, чтобы вычислять высоту и ширину программно, благодаря раскадровке.

Ответ 12

И для тех, кто переносится на iOS 8, вот расширение класса для Swift:

extension UILabel {

    func autoresize() {
        if let textNSString: NSString = self.text {
            let rect = textNSString.boundingRectWithSize(CGSizeMake(self.frame.size.width, CGFloat.max),
                options: NSStringDrawingOptions.UsesLineFragmentOrigin,
                attributes: [NSFontAttributeName: self.font],
                context: nil)
            self.frame = CGRectMake(self.frame.origin.x, self.frame.origin.y, self.frame.size.width, rect.height)
        }
    }

}

Ответ 13

Обновленный метод

+ (CGFloat)heightForText:(NSString*)text font:(UIFont*)font withinWidth:(CGFloat)width {

    CGSize constraint = CGSizeMake(width, 20000.0f);
    CGSize size;

    CGSize boundingBox = [text boundingRectWithSize:constraint
                                                  options:NSStringDrawingUsesLineFragmentOrigin
                                               attributes:@{NSFontAttributeName:font}
                                                  context:nil].size;

    size = CGSizeMake(ceil(boundingBox.width), ceil(boundingBox.height));

    return size.height;
}

Ответ 14

Спасибо за этот пост. Это очень помогло мне. В моем случае я также редактирую текст в отдельном контроллере представления. Я заметил, что когда я использую:

[cell.contentView addSubview:cellLabel];

в методе tableView: cellForRowAtIndexPath: каждый раз, когда я редактировал ячейку, каждый раз, когда я редактировал ячейку, каждый раз, когда я редактировал ячейку, каждый раз отображался вид надписи. Текст стал пиксельным, и когда что-то было удалено или изменено, предыдущая версия была видна в новой версии. Вот как я решил проблему:

if ([[cell.contentView subviews] count] > 0) {
    UIView *test = [[cell.contentView subviews] objectAtIndex:0];
    [test removeFromSuperview];
}
[cell.contentView insertSubview:cellLabel atIndex:0];

Нет более странного расслоения. Если есть лучший способ справиться с этим, пожалуйста, дайте мне знать.

Ответ 15

UILabel *itemTitle = [[UILabel alloc] initWithFrame:CGRectMake(10.0f, 10,100, 200.0f)];
itemTitle.text = @"aseruy56uiytitfesh";
itemTitle.adjustsFontSizeToFitWidth = NO;
itemTitle.autoresizingMask = UIViewAutoresizingFlexibleWidth;
itemTitle.font = [UIFont boldSystemFontOfSize:18.0];
itemTitle.textColor = [UIColor blackColor];
itemTitle.shadowColor = [UIColor whiteColor];
itemTitle.shadowOffset = CGSizeMake(0, 1);
itemTitle.backgroundColor = [UIColor blueColor];
itemTitle.lineBreakMode = UILineBreakModeWordWrap;
itemTitle.numberOfLines = 0;
[itemTitle sizeToFit];
[self.view addSubview:itemTitle];

используйте это здесь, все свойства используются на метке и проверяют ее, увеличивая текст в itemTitle.text как

itemTitle.text = @"diofgorigjveghnhkvjteinughntivugenvitugnvkejrfgnvkhv";

он покажет ответ perfetc, как вам нужно

Ответ 16

Вы можете использовать его как метод. @Pyjamasam очень верен, поэтому я просто делаю его метод. Это может быть полезно для кого-то другого

-(CGRect)setDynamicHeightForLabel:(UILabel*)_lbl andMaxWidth:(float)_width{
    CGSize maximumLabelSize = CGSizeMake(_width, FLT_MAX);

    CGSize expectedLabelSize = [_lbl.text sizeWithFont:_lbl.font constrainedToSize:maximumLabelSize lineBreakMode:_lbl.lineBreakMode];

    //adjust the label the the new height.
    CGRect newFrame = _lbl.frame;
    newFrame.size.height = expectedLabelSize.height;
    return newFrame;
}

и просто установите его таким образом

label.frame = [self setDynamicHeightForLabel:label andMaxWidth:300.0];

Ответ 17

Swift 2:

    yourLabel.text = "your very long text"
    yourLabel.numberOfLines = 0
    yourLabel.lineBreakMode = NSLineBreakMode.ByWordWrapping
    yourLabel.frame.size.width = 200
    yourLabel.frame.size.height = CGFloat(MAXFLOAT)
    yourLabel.sizeToFit()

Интересные строки sizeToFit() в сочетании с установкой a frame.size.height на max float, это даст место для длинного текста, но sizeToFit() заставит его использовать только необходимые, но ВСЕГДА вызовите его после установки .frame.size.height.

Я рекомендую установить .backgroundColor для целей отладки, таким образом вы можете видеть, что кадр визуализируется для каждого случая.

Ответ 18

Для этого в Swift3 следуют код:

 let labelSizeWithFixedWith = CGSize(width: 300, height: CGFloat.greatestFiniteMagnitude)
            let exactLabelsize = self.label.sizeThatFits(labelSizeWithFixedWith)
            self.label.frame = CGRect(origin: CGPoint(x: 20, y: 20), size: exactLabelsize)

Ответ 19

Это одна строка кода для получения высоты UILabel с помощью Objective-c:

labelObj.numberOfLines = 0;
CGSize neededSize = [labelObj sizeThatFits:CGSizeMake(screenWidth, CGFLOAT_MAX)];

и используя .height, вы получите высоту метки следующим образом:

neededSize.height

Ответ 20

Наконец, это сработало. Спасибо, ребята.

Мне не удалось заставить его работать, потому что я пытался изменить размер метки в методе heightForRowAtIndexPath:

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath

и (да, глупо меня), я менял размер метки по умолчанию в методе cellForRowAtIndexPath - я не замечал код, который я написал ранее:

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath

Ответ 21

Одна строка - ответ Криса неверен.

newFrame.size.height = maximumLabelSize.height;

должен быть

newFrame.size.height = expectedLabelSize.height;

Кроме этого, это правильное решение.

Ответ 22

-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    cellIdentifier = @"myCell";
    cell = [tableView dequeueReusableCellWithIdentifier:cellIdentifier];
    cell.myUILabel.lineBreakMode = UILineBreakModeWordWrap;        
    cell.myUILabel.numberOfLines = 0;
    cell.myUILabel.text = @"Some very very very very long text....."
    [cell.myUILabel.criterionDescriptionLabel sizeToFit];    
}

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{
    UITableViewCell *cell = [self tableView:tableView cellForRowAtIndexPath:indexPath];
    CGFloat rowHeight = cell.myUILabel.frame.size.height + 10;

    return rowHeight;    
}

Ответ 23

NSString *str = @"Please enter your text......";
CGSize lblSize = [str sizeWithFont:[UIFont systemFontOfSize:15] constrainedToSize: CGSizeMake(200.0f, 600.0f) lineBreakMode: NSLineBreakByWordWrapping];

UILabel *label = [[UILabel alloc]init];
label.frame = CGRectMake(60, 20, 200, lblSize.height);
label.numberOfLines = 0;
label.lineBreakMode = NSLineBreakByWordWrapping;
label.font = [UIFont systemFontOfSize:15];
label.text = str;
label.backgroundColor = [UIColor clearColor];
[label sizeToFit];
[self.view addSubview:label];

Ответ 24

Мой код:

UILabel *label      = [[UILabel alloc] init];
label.numberOfLines = 0;
label.lineBreakMode = NSLineBreakByWordWrapping;
label.text          = text;
label.textAlignment = NSTextAlignmentCenter;
label.font          = [UIFont fontWithName:_bodyTextFontFamily size:_bodyFontSize];

CGSize size = [label sizeThatFits:CGSizeMake(width, MAXFLOAT)];


float height        = size.height;
label.frame         = CGRectMake(x, y, width, height);

Ответ 25

Этот метод даст идеальную высоту

-(float) getHeightForText:(NSString*) text withFont:(UIFont*) font andWidth:(float) width{
CGSize constraint = CGSizeMake(width , 20000.0f);
CGSize title_size;
float totalHeight;


title_size = [text boundingRectWithSize:constraint
                                options:NSStringDrawingUsesLineFragmentOrigin
                             attributes:@{ NSFontAttributeName : font }
                                context:nil].size;

totalHeight = ceil(title_size.height);

CGFloat height = MAX(totalHeight, 40.0f);
return height;
}

Ответ 26

myLabel.text = "your very long text"
myLabel.numberOfLines = 0
myLabel.lineBreakMode = NSLineBreakMode.ByWordWrapping

Установите ограничения для UILable в раскадровке, включая верхний левый нижний правый

Ответ 27

Мой подход к вычислению динамической высоты UILabel.

    let width = ... //< width of this label 
    let text = ... //< display content

    label.numberOfLines = 0
    label.lineBreakMode = .byWordWrapping
    label.preferredMaxLayoutWidth = width

    // Font of this label.
    //label.font = UIFont.systemFont(ofSize: 17.0)
    // Compute intrinsicContentSize based on font, and preferredMaxLayoutWidth
    label.invalidateIntrinsicContentSize() 
    // Destination height
    let height = label.intrinsicContentSize.height

Обертка для работы:

func computeHeight(text: String, width: CGFloat) -> CGFloat {
    // A dummy label in order to compute dynamic height.
    let label = UILabel()

    label.numberOfLines = 0
    label.lineBreakMode = .byWordWrapping
    label.font = UIFont.systemFont(ofSize: 17.0)

    label.preferredMaxLayoutWidth = width
    label.text = text
    label.invalidateIntrinsicContentSize()

    let height = label.intrinsicContentSize.height
    return height
}

Ответ 28

Если включено автозапуск, изменение размера не работает:)

Ответ 29

Этот метод будет работать как для iOS 6, так и для 7

- (float)heightForLabelSize:(CGSize)maximumLabelSize  Font:(UIFont *)font String:(NSString*)string {

if ([[[UIDevice currentDevice] systemVersion] floatValue] >= 7) {
    NSDictionary *stringAttributes = [NSDictionary dictionaryWithObject:font forKey: NSFontAttributeName];

    CGSize adjustedLabelSize = [string maximumLabelSize
                                                                  options:NSStringDrawingTruncatesLastVisibleLine|NSStringDrawingUsesLineFragmentOrigin
                                                               attributes:stringAttributes context:nil].size;
    return adjustedLabelSize.height;
}
else {
    CGSize adjustedLabelSize = [string sizeWithFont:font constrainedToSize:maximumLabelSize lineBreakMode:NSLineBreakByWordWrapping];

    return adjustedLabelSize.height;
}

}

Ответ 30

Проблема в том, что ни одна из упомянутых функций не является реальной, а для некоторой строки и шрифта будет возвращено неправильное значение высоты. Особенно не удастся приписать тексты.

Единственное реальное решение здесь: fooobar.com/info/6717/..., и нужно использовать CoreText, чтобы вручную подсчитать высоту каждой строки, чтобы получить правильный размер. Нет другого известного способа сделать это.