Tự động thay đổi kích thước phông chữ của UILabel

Tôi hiện có một 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];

Trong suốt vòng đời của ứng dụng iOS của tôi, factLabelnhận được một loạt các giá trị khác nhau. Một số có nhiều câu, số khác chỉ có 5 hoặc 6 từ.

Làm cách nào tôi có thể thiết lập UILabelđể kích thước phông chữ thay đổi để văn bản luôn khớp với giới hạn tôi đã xác định?

Dòng đơn:

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

Đoạn mã trên sẽ điều chỉnh kích thước phông chữ của văn bản của bạn xuống (ví dụ) 8cố gắng khớp văn bản của bạn trong nhãn. numberOfLines = 1là bắt buộc.

Nhiều dòng:

Để numberOfLines > 1có một phương pháp để tìm ra kích thước của văn bản cuối cùng thông qua size của NSStringWithFont: ... Các phương thức bổ sung UIKit , ví dụ:

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

Sau đó, bạn chỉ có thể thay đổi kích thước nhãn của mình bằng kết quả lLabelSize, ví dụ (giả sử rằng bạn sẽ chỉ thay đổi chiều cao của nhãn):

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

hệ điều hanh 6

Dòng đơn:

Bắt đầu với iOS6, minimumFontSizeđã không được chấp nhận. Dòng

factLabel.minimumFontSize = 8.;

có thể thay đổi thành:

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

IOS 7

Nhiều dòng:

Bắt đầu với iOS7, sizeWithFonttrở nên không dùng nữa. Trường hợp đa dòng được giảm xuống:

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

minimumFontSizeđã bị phản đối với iOS 6. Bạn có thể sử dụng minimumScaleFactor.

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

Điều này sẽ chăm sóc kích thước phông chữ của bạn theo chiều rộng của nhãn và văn bản.

Dựa trên câu trả lời của @Eyal Ben Dov, bạn có thể muốn tạo một danh mục để làm cho nó linh hoạt để sử dụng trong các ứng dụng khác của bạn.

Quan sát: Tôi đã cập nhật mã của anh ấy để tương thích với iOS 7

-Tập tin tiêu đề

#import <UIKit/UIKit.h>

@interface UILabel (DynamicFontSize)

-(void) adjustFontSizeToFillItsContents;

@end

Tập tin thực hiện

#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

-Sử dụng

#import "UILabel+DynamicFontSize.h"

[myUILabel adjustFontSizeToFillItsContents];

Chúc mừng

Dòng đơn - Có hai cách, bạn chỉ cần thay đổi.

1- Thực dụng (Swift 3)

Chỉ cần thêm mã sau đây

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

2 - Sử dụng thanh tra thuộc tính 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)

Đó là năm 2015. Tôi đã phải đi tìm một bài đăng trên blog để giải thích cách thực hiện nó cho phiên bản iOS và XCode mới nhất với Swift để nó hoạt động với nhiều dòng.

1. thiết lập vùng Autoshrink tinh thành kích thước phông chữ tối thiểu.
2. Đặt phông chữ thành kích thước phông chữ mong muốn lớn nhất (Tôi đã chọn 20)
3. Thay đổi dòng sản phẩm phá vỡ đường dây từ từ Word

Nguồn: http://beckyhansmeyer.com/2015/04/09/autoshrinking-text-in-a-multiline-uilabel/

Phiên bản Swift:

textLabel.adjustsFontSizeToFitWidth = true
textLabel.minimumScaleFactor = 0.5

Đây là một phần mở rộng Swift cho UILabel. Nó chạy một thuật toán tìm kiếm nhị phân để thay đổi kích thước phông chữ dựa trên chiều rộng và chiều cao của giới hạn của nhãn. Đã thử nghiệm để hoạt động với iOS 9 và tự động thanh toán.

SỬ DỤNG: Trường hợp <label>UILabel được xác định trước của bạn cần thay đổi kích thước phông chữ

<label>.fitFontForSize()

Theo mặc định, chức năng này tìm kiếm trong phạm vi kích thước phông chữ 5pt và 300pt và đặt phông chữ phù hợp với văn bản của nó "hoàn hảo" trong giới hạn (chính xác trong vòng 1pt). Bạn có thể xác định các tham số để nó, ví dụ, tìm kiếm giữa 1pt và kích thước phông chữ hiện tại của nhãn chính xác trong vòng 0,1pts theo cách sau:

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

Sao chép / Dán đoạn mã sau vào tệp của bạn

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
    }

}

LƯU Ý: Mỗi layoutIfNeeded()cuộc gọi có thể được loại bỏ theo ý của bạn

Nó hơi phức tạp một chút nhưng điều này sẽ hoạt động, ví dụ: giả sử bạn muốn giới hạn uilabel của mình thành 120x120, với kích thước phông chữ tối đa là 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;
        }
    }

Chỉ cần gửi tin nhắn sizeToFit đến UITextView. Nó sẽ điều chỉnh chiều cao của chính nó để phù hợp với văn bản của nó. Nó sẽ không thay đổi chiều rộng hoặc nguồn gốc của chính nó.

[textViewA1 sizeToFit];

Phiên bản 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)
}

Giải pháp này hoạt động cho multiline:

Sau khi theo dõi một số bài viết và yêu cầu một chức năng tự động chia tỷ lệ văn bản và điều chỉnh số lượng dòng để phù hợp nhất với kích thước nhãn đã cho, tôi đã tự mình viết một chức năng. (ví dụ: một chuỗi ngắn sẽ vừa vặn trên một dòng và sử dụng một lượng lớn khung nhãn, trong khi đó, một chuỗi dài sẽ tự động phân tách thành 2 hoặc 3 dòng và điều chỉnh kích thước phù hợp)

Hãy sử dụng lại và điều chỉnh theo yêu cầu. Hãy chắc chắn rằng bạn gọi nó sau khi viewDidLayoutSubviewskết thúc để khung nhãn ban đầu đã được đặt.

+ (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;
}

Dưới đây là mã điền của lớp con UILabel thực hiện thay đổi kích thước phông chữ hoạt hình:

@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];
}