动态更改UILabel的字体大小


188

我目前有一个UILabel

factLabel = [[UILabel alloc] initWithFrame:CGRectMake(20, 100, 280, 100)];
factLabel.text = @"some text some text some text some text";
factLabel.backgroundColor = [UIColor clearColor];
factLabel.lineBreakMode = UILineBreakModeWordWrap;
factLabel.numberOfLines = 10;
[self.view addSubview:factLabel];

在我的iOS应用程序的整个生命周期中,factLabel都会获得许多不同的值。有些包含多个句子,有些仅包含5或6个单词。

我该如何设置UILabel字体大小以使文本始终适合我定义的边界?


2
对于2016年,我真的相信唯一好的解决方案是使用“使用自动收缩”方法。使UILabel框成为所需的实际大小,使字体填充UILabel,选择自动收缩,设置名义上的巨大字体大小(300),并确保在最小/最大的模拟器上进行测试。(因此,当前为4s / PadPro。)完整说明:stackoverflow.com/a/35154493/294884 这是当今唯一真正的解决方案。
Fattie

Answers:


370

单线:

factLabel.numberOfLines = 1;
factLabel.minimumFontSize = 8;
factLabel.adjustsFontSizeToFitWidth = YES;

上面的代码会将文本的字体大小减小到(例如)8尝试使文本适合标签内的大小。 numberOfLines = 1是强制性的。

多行:

因为numberOfLines > 1有一种方法可以通过NSString的sizeWithFont:... UIKit添加方法来找出最终文本的大小,例如:

CGSize lLabelSize = [yourText sizeWithFont:factLabel.font
                                  forWidth:factLabel.frame.size.width
                             lineBreakMode:factLabel.lineBreakMode];

之后,您可以使用lLabelSize诸如结果来调整标签的大小(假设您仅更改标签的高度):

factLabel.frame = CGRectMake(factLabel.frame.origin.x, factLabel.frame.origin.y, factLabel.frame.size.width, lLabelSize.height);

iOS6

单线:

从iOS6开始,minimumFontSize已弃用。线

factLabel.minimumFontSize = 8.;

可以更改为:

factLabel.minimumScaleFactor = 8./factLabel.font.pointSize;

IOS 7

多行:

从iOS7开始,sizeWithFont已弃用。多行情况减少为:

factLabel.numberOfLines = 0;
factLabel.lineBreakMode = NSLineBreakByWordWrapping;
CGSize maximumLabelSize = CGSizeMake(factLabel.frame.size.width, CGFLOAT_MAX);
CGSize expectSize = [factLabel sizeThatFits:maximumLabelSize];
factLabel.frame = CGRectMake(factLabel.frame.origin.x, factLabel.frame.origin.y, expectSize.width, expectSize.height);

iOS 13(Swift 5):

label.adjustsFontSizeToFitWidth = true
label.minimumScaleFactor = 0.5

但这会将文本全部放在一行上。如果我更改factLabel.numberOfLines,则字体大小不会动态更改。
CodeGuy 2011年

@ reising1:你是对的。这就是如何使框架为您完成调整大小的工作。
马丁·巴巴卡耶夫

那么我的问题的答案是,没有办法使用提供的框架来做到这一点吗?
CodeGuy 2011年

1
@ reising1:在这种情况下,您还可以使用NSString UIKit的添加方法:sizeWithFont:constrainedToSize:lineBreakMode:但是这种方法有点困难
Martin Babacaev 2011年

6
自iOS6起不推荐使用。替换为myLabel.minimumScaleFactor:10.0/[UIFont labelFontSize];
Norbert 2013年

72

minimumFontSize已在iOS 6中弃用。您可以使用minimumScaleFactor

yourLabel.adjustsFontSizeToFitWidth=YES;
yourLabel.minimumScaleFactor=0.5;

这将根据标签和文本的宽度来照顾您的字体大小。


我通常使用0.8,因为即使0.7也会显得太小。当然,某些文本可能不适合最小比例系数0.8,这是决定什么看起来更好以及什么地方不可读的问题。OTOH我的应用程序可以旋转,这很有帮助。
gnasher729 2015年

adjustsFontSizeToFitWidth仅在不适合容器的情况下才减少文本
user25

24

根据@Eyal Ben Dov的回答,您可能想要创建一个类别,使其可以灵活地在您的其他应用程序中使用。

观察:我已经更新了他的代码以使其与iOS 7兼容

-头文件

#import <UIKit/UIKit.h>

@interface UILabel (DynamicFontSize)

-(void) adjustFontSizeToFillItsContents;

@end

-实施文件

#import "UILabel+DynamicFontSize.h"

@implementation UILabel (DynamicFontSize)

#define CATEGORY_DYNAMIC_FONT_SIZE_MAXIMUM_VALUE 35
#define CATEGORY_DYNAMIC_FONT_SIZE_MINIMUM_VALUE 3

-(void) adjustFontSizeToFillItsContents
{
    NSString* text = self.text;

    for (int i = CATEGORY_DYNAMIC_FONT_SIZE_MAXIMUM_VALUE; i>CATEGORY_DYNAMIC_FONT_SIZE_MINIMUM_VALUE; i--) {

        UIFont *font = [UIFont fontWithName:self.font.fontName size:(CGFloat)i];
        NSAttributedString *attributedText = [[NSAttributedString alloc] initWithString:text attributes:@{NSFontAttributeName: font}];

        CGRect rectSize = [attributedText boundingRectWithSize:CGSizeMake(self.frame.size.width, CGFLOAT_MAX) options:NSStringDrawingUsesLineFragmentOrigin context:nil];

        if (rectSize.size.height <= self.frame.size.height) {
            self.font = [UIFont fontWithName:self.font.fontName size:(CGFloat)i];
            break;
        }
    }

}

@end

-用法

#import "UILabel+DynamicFontSize.h"

[myUILabel adjustFontSizeToFillItsContents];

干杯


它对我不起作用。我的UILabel的内容现在被切断。
阿德里安

1
如果它不适合您,则可能是因为尚未设置标签的框架。调用之前尝试设置框架(如果使用AutoLayout,则调用setNeedsLayout/ layoutIfNeeded)。
bmueller

它给出以下崩溃信息“'NSInvalidArgumentException',原因:'NSConcreteAttributedString initWithString :: nil value'”
Mohamed Saleh

这意味着您的NSString不能为零。我假设如果要调整字体大小以填充UILabel的内容,则至少必须提供一个文本。
Paulo Miguel Almeida 2015年

这有一个缺点。它在字符之间换行,因此您会看到单词分成不同的行。有办法避免这种情况吗?
Özgür的

23

单行 -您可以通过两种方式进行更改。

1-实用(快速3)

只需添加以下代码

    yourLabel.numberOfLines = 1;
    yourLabel.minimumScaleFactor = 0.7;
    yourLabel.adjustsFontSizeToFitWidth = true;

2-使用UILabel属性检查器

i- Select your label- Set number of lines 1.
ii- Autoshrink-  Select Minimum Font Scale from drop down
iii- Set Minimum Font Scale value as you wish , I have set 0.7 as in below image. (default is 0.5)

在此处输入图片说明


22

那是2015年。我必须去找到一篇博客文章,该文章将说明如何针对最新版本的iOS和XCode with Swift使用它,以便它可以在多行中使用。

  1. 将“自动收缩”设置为“最小字体大小”。
  2. 将字体设置为所需的最大字体大小(我选择了20)
  3. 将“换行符”从“自动换行”更改为“截尾”。

资料来源:http : //beckyhansmeyer.com/2015/04/09/autoshrinking-text-in-a-multiline-uilabel/


这确实是一个救生员!!
bhakti123 '16

2
超级酷。.截尾的尾点是最重要的。.如果使用自动换行,Coz不会减少字体大小的冲动,但是当截尾时,自动尾部的布局必须保存刀片中的文本,然后调整字体大小。
GKK

12

迅捷版:

textLabel.adjustsFontSizeToFitWidth = true
textLabel.minimumScaleFactor = 0.5

谢谢..似乎这里的顺序也很重要
Pramod

7

这是UILabel的Swift扩展。它运行二进制搜索算法,以根据标签边界的宽度和高度调整字体大小。经测试可与iOS 9和自动布局一起使用。

用法:<label>您的预定义UILabel 在哪里,需要调整字体大小

<label>.fitFontForSize()

默认情况下,此函数在5pt和300pt字体大小范围内进行搜索,并将字体设置为“完全”适合其文本(在1.0pt内)。您可以定义参数,例如,它可以通过以下方式在1pt标签的当前字体大小之间精确地在0.1pts之内进行搜索

<label>.fitFontForSize(1.0, maxFontSize: <label>.font.pointSize, accuracy:0.1)

将以下代码复制/粘贴到您的文件中

extension UILabel {

    func fitFontForSize(var minFontSize : CGFloat = 5.0, var maxFontSize : CGFloat = 300.0, accuracy : CGFloat = 1.0) {
        assert(maxFontSize > minFontSize)
        layoutIfNeeded() // Can be removed at your own discretion
        let constrainedSize = bounds.size
        while maxFontSize - minFontSize > accuracy {
            let midFontSize : CGFloat = ((minFontSize + maxFontSize) / 2)
            font = font.fontWithSize(midFontSize)
            sizeToFit()
            let checkSize : CGSize = bounds.size
            if  checkSize.height < constrainedSize.height && checkSize.width < constrainedSize.width {
                minFontSize = midFontSize
            } else {
                maxFontSize = midFontSize
            }
        }
        font = font.fontWithSize(minFontSize)
        sizeToFit()
        layoutIfNeeded() // Can be removed at your own discretion
    }

}

注意:layoutIfNeeded()您可以自行决定删除每个呼叫


啊-但这对自动版式实际上并不起作用;在这种情况下,“ sizeToFit”不起作用。
Fattie

4

它有点不复杂,但是应该可以,例如,假设您要将uilabel的上限设置为120x120,最大字体大小为28:

magicLabel.numberOfLines = 0;
magicLabel.lineBreakMode = NSLineBreakByWordWrapping;
...
magicLabel.text = text;
    for (int i = 28; i>3; i--) {
        CGSize size = [text sizeWithFont:[UIFont systemFontOfSize:(CGFloat)i] constrainedToSize:CGSizeMake(120.0f, CGFLOAT_MAX) lineBreakMode:NSLineBreakByWordWrapping];
        if (size.height < 120) {
            magicLabel.font = [UIFont systemFontOfSize:(CGFloat)i];
            break;
        }
    }

这似乎效率很低-您应该让UILabel动态地将其自身调高以适应某些提供的可用空间。如果为诸如表视图单元格的标题字体计算之类的内容运行此命令,则会遇到主要的滞后问题。该方法可能有效,但绝对不建议这样做。
Zorayr

投票赞成成为唯一实际回答这个问题的人。
2015年

2

只需将sizeToFit消息发送到UITextView。它将调整自己的高度以适合其文本。它不会改变其自身的宽度或原点。

[textViewA1 sizeToFit];

当适合文本的大小对于容器的空间太大时会发生什么?例如,假设您有可用以适合文本视图100分,打完电话后sizeToFittextViewA1成为200点,这最终得到裁剪。
Zorayr

0

Swift 2.0版本:

private func adapteSizeLabel(label: UILabel, sizeMax: CGFloat) {
     label.numberOfLines = 0
     label.lineBreakMode = NSLineBreakMode.ByWordWrapping
     let maximumLabelSize = CGSizeMake(label.frame.size.width, sizeMax);
     let expectSize = label.sizeThatFits(maximumLabelSize)
     label.frame = CGRectMake(label.frame.origin.x, label.frame.origin.y, expectSize.width, expectSize.height)
}

0

此解决方案适用于多行:

在阅读了几篇文章之后,并需要一个可以自动缩放文本并调整行数以使其最适合给定标签大小的函数,我自己编写了一个函数。(即,较短的字符串会很好地适合一行并使用大量标签框架,而较长的字符串会自动拆分为2或3行并相应地调整大小)

随时重新使用它并根据需要进行调整。确保在viewDidLayoutSubviews完成后调用它,以便设置初始标签框。

+ (void)setFontForLabel:(UILabel *)label withMaximumFontSize:(float)maxFontSize andMaximumLines:(int)maxLines {
    int numLines = 1;
    float fontSize = maxFontSize;
    CGSize textSize; // The size of the text
    CGSize frameSize; // The size of the frame of the label
    CGSize unrestrictedFrameSize; // The size the text would be if it were not restricted by the label height
    CGRect originalLabelFrame = label.frame;

    frameSize = label.frame.size;
    textSize = [label.text sizeWithAttributes:@{NSFontAttributeName:[UIFont systemFontOfSize: fontSize]}];

    // Work out the number of lines that will need to fit the text in snug
    while (((textSize.width / numLines) / (textSize.height * numLines) > frameSize.width / frameSize.height) && (numLines < maxLines)) {
        numLines++;
    }

    label.numberOfLines = numLines;

    // Get the current text size
    label.font = [UIFont systemFontOfSize:fontSize];
    textSize = [label.text boundingRectWithSize:CGSizeMake(frameSize.width, CGFLOAT_MAX)
                                        options:(NSStringDrawingUsesLineFragmentOrigin|NSStringDrawingUsesFontLeading)
                                     attributes:@{NSFontAttributeName : label.font}
                                        context:nil].size;

    // Adjust the frame size so that it can fit text on more lines
    // so that we do not end up with truncated text
    label.frame = CGRectMake(label.frame.origin.x, label.frame.origin.y, label.frame.size.width, label.frame.size.width);

    // Get the size of the text as it would fit into the extended label size
    unrestrictedFrameSize = [label textRectForBounds:CGRectMake(0, 0, label.bounds.size.width, CGFLOAT_MAX) limitedToNumberOfLines:numLines].size;

    // Keep reducing the font size until it fits
    while (textSize.width > unrestrictedFrameSize.width || textSize.height > frameSize.height) {
        fontSize--;
        label.font = [UIFont systemFontOfSize:fontSize];
        textSize = [label.text boundingRectWithSize:CGSizeMake(frameSize.width, CGFLOAT_MAX)
                                            options:(NSStringDrawingUsesLineFragmentOrigin|NSStringDrawingUsesFontLeading)
                                         attributes:@{NSFontAttributeName : label.font}
                                            context:nil].size;
        unrestrictedFrameSize = [label textRectForBounds:CGRectMake(0, 0, label.bounds.size.width, CGFLOAT_MAX) limitedToNumberOfLines:numLines].size;
    }

    // Set the label frame size back to original
    label.frame = originalLabelFrame;
}

0

这是实现动画字体大小更改的UILabel子类的填充代码:

@interface SNTextLayer : CATextLayer

@end

@implementation SNTextLayer

- (void)drawInContext:(CGContextRef)ctx {
    // We override this to make text appear at the same vertical positon as in UILabel
    // (otherwise it's shifted tdown)
    CGFloat height = self.bounds.size.height;
    float fontSize = self.fontSize;
    // May need to adjust this somewhat if it's not aligned perfectly in your implementation
    float yDiff = (height-fontSize)/2 - fontSize/10;

    CGContextSaveGState(ctx);
    CGContextTranslateCTM(ctx, 0.0, yDiff);
    [super drawInContext:ctx];
     CGContextRestoreGState(ctx);
}

@end

@interface SNAnimatableLabel ()

@property CATextLayer* textLayer;

@end

@interface SNAnimatableLabel : UILabel

- (void)animateFontToSize:(CGFloat)fontSize withDuration:(double)duration;

@end



@implementation SNAnimatableLabel


- (void)awakeFromNib {
    [super awakeFromNib];
    _textLayer = [SNTextLayer new];
    _textLayer.backgroundColor = self.backgroundColor.CGColor;
    _textLayer.foregroundColor = self.textColor.CGColor;
    _textLayer.font = CGFontCreateWithFontName((CFStringRef)self.font.fontName);
    _textLayer.frame = self.bounds;
    _textLayer.string = self.text;
    _textLayer.fontSize = self.font.pointSize;
    _textLayer.contentsScale = [UIScreen mainScreen].scale;
    [_textLayer setPosition: CGPointMake(CGRectGetMidX(_textLayer.frame), CGRectGetMidY(_textLayer.frame))];
    [_textLayer setAnchorPoint: CGPointMake(0.5, 0.5)];
    [_textLayer setAlignmentMode: kCAAlignmentCenter];
    self.textColor = self.backgroundColor;
    // Blend text with background, so that it doens't interfere with textlayer text
    [self.layer addSublayer:_textLayer];
    self.layer.masksToBounds = NO;
}

- (void)setText:(NSString *)text {
    _textLayer.string = text;
    super.text = text;
}

- (void)layoutSubviews {
    [super layoutSubviews];
    // Need to enlarge the frame, otherwise the text may get clipped for bigger font sizes
    _textLayer.frame = CGRectInset(self.bounds, -5, -5);
}

- (void)animateFontToSize:(CGFloat)fontSize withDuration:(double)duration {
    [CATransaction begin];
    [CATransaction setAnimationDuration:duration];
    _textLayer.fontSize = fontSize;
    [CATransaction commit];
}
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.