Find the number of characters that fits in a UITextView with constant width and height with a given string?

Question

In my application I need to set Read more into the text view if text input is large.so my approach is to find the range of string that would fit in the text view and append See More to it.Is there any way to achieve it in Swift.The requirement is to emulate the read more option to show the complete text in detailed view on tap like facebook.

score 7 · Accepted Answer · answered Jun 08 '15 at 14:23

The function you are looking for is CTFramesetterSuggestFrameSizeWithConstraints. Essentially, it allows you to find out the number of characters that fit in a certain frame. You can use that number to cut off your current text and insert a button.

I wrote an implementation of this function for a subclass of a UILabel:

- (NSInteger)numberOfCharactersThatFitLabel {

    // Create an 'CTFramesetterRef' from an attributed string
    CTFontRef fontRef = CTFontCreateWithName((CFStringRef)self.font.fontName, self.font.pointSize, NULL);
    NSDictionary *attributes = [NSDictionary dictionaryWithObject:(__bridge id)fontRef forKey:(id)kCTFontAttributeName];
    CFRelease(fontRef);
    NSAttributedString *attributedString  = [[NSAttributedString alloc] initWithString:self.text attributes:attributes];
    CTFramesetterRef frameSetterRef = CTFramesetterCreateWithAttributedString((CFAttributedStringRef)attributedString);

    // Get a suggested character count that would fit the attributed string
    CFRange characterFitRange;
    CTFramesetterSuggestFrameSizeWithConstraints(frameSetterRef, CFRangeMake(0,0), NULL, CGSizeMake(self.bounds.size.width, self.numberOfLines*self.font.lineHeight), &characterFitRange);
    CFRelease(frameSetterRef);
    return (NSInteger)characterFitRange.length;
}

Here's a bog post for the full implementation of cutting off random text to a specified number of lines and appending "view more" text to it.

Did you observe that it word wrapping, how does one make it for character wrap? — Mayur Deshmukh, Jul 19 '17 at 10:21

noob · Answer 2 · 2018-07-29T04:12:23.747

Here is the Swift 4 UITextView extension

extension UITextView {

    func numberOfCharactersThatFitTextView() -> Int {
        let fontRef = CTFontCreateWithName(font!.fontName as CFString, font!.pointSize, nil)
        let attributes = [kCTFontAttributeName : fontRef]
        let attributedString = NSAttributedString(string: text!, attributes: attributes as [NSAttributedStringKey : Any])
        let frameSetterRef = CTFramesetterCreateWithAttributedString(attributedString as CFAttributedString)

        var characterFitRange: CFRange = CFRange()

        CTFramesetterSuggestFrameSizeWithConstraints(frameSetterRef, CFRangeMake(0, 0), nil, CGSize(width: bounds.size.width, height: bounds.size.height), &characterFitRange)
        return Int(characterFitRange.length)

    }
}

If there are extra text than your expected text, you can try adjusting the height value in CTFramesetterSuggestFrameSizeWithConstraints function parameter.

score 4 · Answer 3 · answered Nov 09 '16 at 19:40

A rough swift translation of kgaidis's excellent answer.

extension UILabel {

    func numberOfCharactersThatFitLabel() -> Int {
        let fontRef = CTFontCreateWithName(self.font.fontName as CFStringRef, self.font.pointSize, nil)
        let attributes = NSDictionary(dictionary: [kCTFontAttributeName : fontRef])
        let attributeString = NSAttributedString(string: text!, attributes: attributes as? [String : AnyObject])
        let frameSetterRef = CTFramesetterCreateWithAttributedString(attributeString as CFAttributedStringRef)

        var characterFitRange:CFRange

        CTFramesetterSuggestFrameSizeWithConstraints(frameSetterRef, CFRangeMake(0, 0), nil, CGSizeMake(bounds.size.width, CGFloat(numberOfLines)*font.lineHeight), &characterFitRange)

        return characterFitRange.length
    }
}

score 2 · Answer 4 · answered Jan 22 '15 at 07:29

2

It's a bit complicated, because some letters are wider than others. But you can check the width of your string by using the sizeWithAttributes-method:

var yourString: String = textField.text
let myString: NSString = originalString as NSString

//Set your font and add attributes if needed.
let stringSize: CGSize = myString.sizeWithAttributes([NSFontAttributeName: yourFont])

Now you receive a CGSize and you can check if the width is wider than your textfield.

if(sizeOfYourTextfield < stringSize){
  //String is too large for your UITextField
}

answered Jan 22 '15 at 07:29

Christian

22,585
9
80
106

Will i be able to get the range of string that resides within the size specified? – Jacob Davis Cherussery Jan 22 '15 at 08:05
Yes but I think the only possibility is looping through the letters and check if they still fit. – Christian Jan 22 '15 at 08:11
I would recommend that you just loop and remove the last char of your String and check after every letter if the size of the string is still too Big. – Christian Jan 22 '15 at 08:16
The requirement is to mimic the behavior of Facebook continue reading. – Jacob Davis Cherussery Jan 23 '15 at 12:32

Find the number of characters that fits in a UITextView with constant width and height with a given string?

4 Answers4

Linked