How to implement a simple 'live' word count in a UITextView

Question

I'm trying to implement a simple char count of an UITextView while the user is typing in text (i.e. it should update continuously).

I have two problems.

(1) The first is that I don't know in which method I should put my charCount method. textViewShouldBeginEditing doesn't work, as it simply asks if an editing session should begin. textView:shouldChangeTextInRange doesn't work either, as it again asks if it is permitted to begin editing. I couldn't find other useful methods in the Apple doc.

(2) Next problem: I tried to call my charCount method from within another method. But I get the compiler error: 'ViewController' may not respond to 'charCount'.

Here is my humble attempt:

- (IBAction)charCount:(id)sender {

// all chars
int charsAsInt = (int)(textView.text.length);
NSString *newText = [[NSString alloc] initWithFormat:@"All chars: %d", charsAsInt];
allCharacters.text = newText;
[newText release];}

- (BOOL)textViewShouldBeginEditing:(UITextView *)aTextView {

    [self charCount];}

I guess it has to do with me trying to call a IBAction defined method that this won't work. But what would be the proper way to call a IBAction method from within a non-IBAction method?

As always, I'm sorry for these very basic questions and I do appreciate every little help to get my beginner's mind around this.

Answer 1

I used to create like this, for prevent UITextview to type only 140 characters.
And i shown that count in UILabel like this

-(void)textViewDidChange:(UITextView *)textView 
{
   int len = textView.text.length;
   lbl_count.text=[NSString stringWithFormat:@"%i",140-len];
}

- (BOOL)textView:(UITextView *)textView shouldChangeTextInRange:(NSRange)range replacementText:(NSString *)text
{
    if([text length] == 0)
    {
        if([textView.text length] != 0)
        {
            return YES;
        }
    }
    else if([[textView text] length] > 139)
    {
        return NO;
    }
    return YES;
} 

this may help for you!!!

Answer 2

textView:shouldChangeTextInRange doesn't work either, as it again asks if it is permitted to begin editing.

but nothing will prevent you from counting the characters in there too. Just return YES at the end.

I guess it has to do with me trying to call a IBAction defined method that this won't work

You can call IBActions from code. IBAction is just a key word for Interface Builder, but it is the same as void.

But you have to use the correct method signature.
Your method - (IBAction)charCount:(id)sender has one parameter (id sender)
But your call [self charCount] has no parameter.

change it to [self charCount:nil] and you should be fine.

---

Edit: I don't have a textView right now and I'm too lazy to create one now but this works with a UITextField:

- (BOOL)textField:(UITextField *)textField shouldChangeCharactersInRange:(NSRange)range replacementString:(NSString *)string {
    NSInteger textLength = 0;
    textLength = [textField.text length] + [string length] - range.length;
    NSLog(@"Length: %d", textLength);
    return YES;
}

I add the length of the replacement string to the current text of the field. Then I subtract the length of the replacement range.
You should do some experimentation to better understand the relationship between those 3.
Basically if you overwrite some text the length of the range will be the length of the text you want to overwrite (ie the length of the text that is selected)

Answer 3

All you need to use is a textViewDidChange delegate implementation in your code. Here's a sample implementation you may need:

    #pragma-mark TextView Delegates

- (void)textViewDidChange:(UITextView *)textView
{
    NSLog(@"len:%d",textView.text.length);
    txtLength=textView.text.length;
    lblString=[NSString stringWithFormat:@"%i",210-txtLength];
    if(txtLength>200)
    {
        charactersLabel.textColor=[UIColor redColor];
    }
    charactersLabel.text=lblString;
}

Declare the three used variables in you header as:

int txtLength;
NSString *lblString;
IBOutlet UILabel *charactersLabel;

The label prints the characters left as you keep typing in and it's color changes to red when you go beyond 200 here. Finally don't forget to hookup the TextView's delegate to File's Owner & add the implementation for UITextViewDelegate in the header file. Hope it helps..

Answer 4

Thanks to n.evermind and Mathias Bauch for their contributions. Below is my solution for UITextField, which combines information from both and works like a charm to set a character limit as well as render a label which keeps track of current characters for the user.

- (BOOL)textField:(UITextField *)textField shouldChangeCharactersInRange:(NSRange)range replacementString:(NSString *)string
{
    int maxLength = 40;
    int textLength = [textField.text length] + [string length] - range.length;

    if(textLength > maxLength)
    {
        return NO;
    }
    else
    {
        //self.currentLabel in this case is just a UILabel
        //it formats the counter like: 0/40
        self.currentLabel.text = [NSString stringWithFormat:@"%i/%i",textLength,maxLength];
        return YES;
    }
}

Hope this helps!

Answer 5

Code Snippet to have a live word count updating the UI with color.

#define kCharacterMaximumLimit 120
#define kCharacterWarningLimit 110

- (void)textViewDidChange:(UITextView *)textView {
    NSString *substring = [NSString stringWithString:textView.text];
    _lblCount.text = [NSString stringWithFormat:@"%i", kCharacterMaximumLimit-[substring length]];

    if (substring.length == 0)
        _lblCount.text = @"";

    if (substring.length < kCharacterWarningLimit)
        _lblCount.textColor = [UIColor darkGrayColor];

    if (substring.length >= kCharacterWarningLimit && substring.length < kCharacterMaximumLimit)
        _lblCount.textColor = [UIColor redColor];
}

- (BOOL)textView:(UITextView *)textView shouldChangeTextInRange:(NSRange)range replacementText:(NSString *)text
{
    if([text length] == 0)
    {
        if([textView.text length] != 0)
            return YES;
        else
            return NO;
    }

    if([[textView text] length] > kCharacterMaximumLimit-1)
        return NO;

    return YES;
}

Answer 6

You can use this code let say You Only want 10 charactes in Your view and also want to update the count remain

lets assume coutLabel is the Label which we have to update. make sure you attached the delegate on nib file or in implementaion file.

-(BOOL)textView:(UITextView *)textView shouldChangeTextInRange:(NSRange)range replacementText:(NSString *)text
{
    NSInteger textLength = 0;
    textLength = [textView.text length] + [text length] - range.length;
    if(10-textLength==-1)
    {
        return NO;
    }
    coutLabel.text = [NSString stringWithFormat:@"%d characters remaining", 10-textLength];

    return YES;}

Answer 7

Here we go for best Fit.

var charCount = 0;
let maxLength = 150
func textView(textView: UITextView, shouldChangeTextInRange range: NSRange, replacementText text: String) -> Bool {

    if text == "" // Checking backspace
    {
        if textView.text.characters.count == 0
        {
            charCount = 0
            characterCount.text = String(format: "%i Characters Left", maxLength - charCount)
            return false
        }
        charCount = (textView.text.characters.count - 1)
        characterCount.text = String(format: "%i Characters Left", maxLength - charCount)
      return true
    }
    else
    {
        charCount = (textView.text.characters.count + 1)
        characterCount.text = String(format: "%i Characters Left", maxLength - charCount)

        if charCount >= maxLength + 1
        {
            charCount = maxLength
            characterCount.text = String(format: "%i Characters Left", maxLength - charCount)
            return false;
        }
    }
    return true
}

Answer 8

@fluchtpunkt: works wonderfully! Here's the updated code in case there will ever be another beginner looking for the answer:

- (BOOL)textView:(UITextView *)textView shouldChangeTextInRange:(NSRange)range replacementText:(NSString *)text {

[self charCount:nil];

// let the textView know that it should handle the inserted text
return YES; }

Answer 9

a simpler way for noobs is to implement an NStimer that checks the lenght every second

to do that add "NSTimer countTimer;" to your .h and then add this to your .m

-(void)viewDidLoad {

countTimer = [NSTimer scheduledTimerWithTimeInterval:.1 target:self selector:@selector(countTextView) userInfo:nil repeats:YES];

}

-(void)countTextView{

[countTimer invalidate];
int currentChars = [TextView.text length];

if ([TextView.text length]>100) {
    UIAlertView * alert = [[UIAlertView alloc] initWithTitle:@"Too long"
        message:[NSString stringWithFormat:@"Only 100 chars allowed."]
        delegate:nil
        cancelButtonTitle:@"OK"
        otherButtonTitles:nil];
    [alert show];
    [alert release];
    TextView.text = [TextView.text substringToIndex:100];
}

counterLabel.text = [NSString stringWithFormat:@"%d",currentChars];

countTimer = [NSTimer scheduledTimerWithTimeInterval:.1 target:self selector:@selector(countTextView) userInfo:nil repeats:YES];

}