您的位置:首页 > 产品设计 > UI/UE

详释(常见UITextView 输入之字数限制)之一---固定长度

2015-05-02 21:04 381 查看
好久没有写文章了,今天上来写写,发现增多了markDown编辑器。挺不错,后续研究一下,今天暂写文章先。好了,不废话。
如题,相信大家看到这个标题都不想看文章了,这有什么好说的,网上一搜一大把。好吧,自认为是一搜一大把的跳过,有兴趣的就看完。。。。。。

对于限制UITextView输入的字符数。相信大家在网上见得最多的是实现UITextViewDelegate

- (BOOL)textView:(UITextView *)textView shouldChangeTextInRange:(NSRange)range
replacementText:(NSString *)text;//有输入时触但对于中文键盘出示的联想字选择时不会触发

- (void)textViewDidChange:(UITextView *)textView;//当输入且上面的代码返回YES时触发。或当选择键盘上的联想字时触发。
第一个用于限制输入,第二个用于动态计算剩余字数。好吧,就来慢慢的给大家分析这两个代理共同协作来限制输入。从最简单的开始。为了便于讲析,声明#define MAX_LIMIT_NUMS 100 来限制最大输入只能100个字符详细的实现代码:
- (BOOL)textView:(UITextView *)textView shouldChangeTextInRange:(NSRange)range
replacementText:(NSString *)text
{
NSString *comcatstr = [textView.text stringByReplacingCharactersInRange:range withString:text];

NSInteger caninputlen = MAX_LIMIT_NUMS - comcatstr.length;

if (caninputlen >= 0)
{
return YES;
}
else
{
NSInteger len = text.length + caninputlen;
//防止当text.length + caninputlen < 0时,使得rg.length为一个非法最大正数出错
NSRange rg = {0,MAX(len,0)};

if (rg.length > 0)
{
NSString *s = [text substringWithRange:rg];

[textView setText:[textView.text stringByReplacingCharactersInRange:range withString:s]];
}
return NO;
}

}

- (void)textViewDidChange:(UITextView *)textView
{
NSString  *nsTextContent = textView.text;
NSInteger existTextNum = nsTextContent.length;

if (existTextNum > MAX_LIMIT_NUMS)
{
//截取到最大位置的字符
NSString *s = [nsTextContent substringToIndex:MAX_LIMIT_NUMS];

[textView setText:s];
}

//不让显示负数
self.lbNums.text = [NSString stringWithFormat:@"%ld/%d",MAX(0,MAX_LIMIT_NUMS - existTextNum),MAX_LIMIT_NUMS];
}

最终运行效果:


图片这么大?^_^。大家看到这是不是就表示OK了呢。就提交代码了呢?好,下面就对上面的简单代进行逐一BUG找出且进行修复。
1.遗留BUG(只考虑了英文键盘下处理) 上述代码在英文键盘下基本上是可以正常,但如果是在中文(生在天朝啊必须得懂中文)或9宫格键盘下会有什么问是呢。下图是我截图,当输入到只剩下一个字时,这时输入拼音时,问题出现了,发现拼音输不完。另一个问题是当离字数上限差距很大时,输入拼音会发现字数也跟着计算了。本来还没有输入的,此时开始计算了,有瘕次。如图,在最后一个,本想输入一个拼音h开头的且还没有出现在推荐字的。哪再输入第二位拼音时发现不能输了,且字数被计算了。


对上述可能有朋友说,这算什么BUG。基本上没怎么碰到这情况。嗯确实,但如果是在一段字中间插入的时候呢。这个是有可能出现的。哪么怎么样处理这样的产生的BUG呢。从分析来看事实上输入拼音还处于高亮状态,哪么有没有什么办法来获取呢。于是呼搜寻中。。。。。。Ok,确实有这样的好。加上后代码如下:
- (BOOL)textView:(UITextView *)textView shouldChangeTextInRange:(NSRange)range
replacementText:(NSString *)text
{
UITextRange *selectedRange = [textView markedTextRange];
//获取高亮部分
UITextPosition *pos = [textView positionFromPosition:selectedRange.start offset:0];
//获取高亮部分内容
//NSString * selectedtext = [textView textInRange:selectedRange];

//如果有高亮且当前字数开始位置小于最大限制时允许输入
if (selectedRange && pos) {
NSInteger startOffset = [textView offsetFromPosition:textView.beginningOfDocument toPosition:selectedRange.start];
NSInteger endOffset = [textView offsetFromPosition:textView.beginningOfDocument toPosition:selectedRange.end];
NSRange offsetRange = NSMakeRange(startOffset, endOffset - startOffset);

if (offsetRange.location < MAX_LIMIT_NUMS) {
return YES;
}
else
{
return NO;
}
}

NSString *comcatstr = [textView.text stringByReplacingCharactersInRange:range withString:text];

NSInteger caninputlen = MAX_LIMIT_NUMS - comcatstr.length;

if (caninputlen >= 0)
{
return YES;
}
else
{
NSInteger len = text.length + caninputlen;
//防止当text.length + caninputlen < 0时,使得rg.length为一个非法最大正数出错
NSRange rg = {0,MAX(len,0)};

if (rg.length > 0)
{
NSString *s = [text substringWithRange:rg];

[textView setText:[textView.text stringByReplacingCharactersInRange:range withString:s]];
//既然是超出部分截取了,哪一定是最大限制了。
self.lbNums.text = [NSString stringWithFormat:@"%d/%ld",0,(long)MAX_LIMIT_NUMS];
}
return NO;
}

}

- (void)textViewDidChange:(UITextView *)textView
{
UITextRange *selectedRange = [textView markedTextRange];
//获取高亮部分
UITextPosition *pos = [textView positionFromPosition:selectedRange.start offset:0];

//如果在变化中是高亮部分在变,就不要计算字符了
if (selectedRange && pos) {
return;
}

NSString  *nsTextContent = textView.text;
NSInteger existTextNum = nsTextContent.length;

if (existTextNum > MAX_LIMIT_NUMS)
{
//截取到最大位置的字符
NSString *s = [nsTextContent substringToIndex:MAX_LIMIT_NUMS];

[textView setText:s];
}

//不让显示负数 口口日
self.lbNums.text = [NSString stringWithFormat:@"%ld/%d",MAX(0,MAX_LIMIT_NUMS - existTextNum),MAX_LIMIT_NUMS];
}


效果如下:有拼音输入还在高亮时,字数不再计算。


经过上述处理,基本上能支持正常的中,英输入法键盘的字符限制。到这里可能部分开发者就可以说大功告成了,可以和BOSS说,BUG弄好了。正准备看大片时。。。。。测试来了,又有BUG了。凸^-^凸还有BUG?不可能吧。(很多情况下,是我们一下子思考不完全导至的,也有些场景未能正常预知所至,因此经验至关重要)上述的代码,在输入中,英文都能正常限制和处理,但如果是输入的字符带有emoji表情符,且用户是使用粘贴的方式就有可能出BUG。看截图,在最后一位时贴个emoji.就变为乱码了?为什么是乱码?因为emoji在IOS中使用的是UTF16也就是占位符是8+8两个字节的(占的长度为2,因此在计算字数时一个表情就占了2即全部表情只能输入50个,故计算上也是一个问题),相当于双UNICODE。所以在使用substringWithRange或substringToIndex等截取时就可能正好只取到了某个emoji的一半字符。如图显示:


因此在使用截取字符串函数时,必须判断出截取位置是不是emoji字符。(当然还有能存在某些不知道的字符在最后一个时粘贴截取出问题。)还好ios对中文的截取还算正确。否则得判断unicode了。好吧,既然问是出现了,哪必须得解决啊,否则BOSS又要发威了。。。。解决思路就是判断截取的位置是否正好为emoji。一个比较笨的方式就是判断截取的位置,先假设为emoji,取位置前1个字符和当前字串组合(AB)然后用emoji的正则判断这个组合后的字符是否为emoji如果是,则说明截取的位置正好是一个emoji的结束位。如果组合起来发现不是emoji,则再来判断截取位置和+1字符串(注意要判断是否越界),组合后BC进行emoji正则,若为emoji则说明截取的位置正好把emoji劈成两半了,所以这个时候的实际截取应该是当前截取位置+1这样就可以让emoji截全了。如果不是则放心了,截取的位置不是emoji.(不过不能保证是不是其它双字节的)咱先来看看Emoji输出的长度和他的实际字符(在textview中只取一个笑脸符就可以看出了)
//encode
NSData *data = [comcatstr dataUsingEncoding:NSNonLossyASCIIStringEncoding];
NSString *goodValue = [[NSString alloc] initWithData:data encoding:NSUTF8StringEncoding];

NSLog(@"gv = %@,len = %d",goodValue,goodValue.length);

//decode
data = [goodValue dataUsingEncoding:NSUTF8StringEncoding];
goodValue = [[NSString alloc] initWithData:data encoding:NSNonLossyASCIIStringEncoding];

NSLog(@"gv = %@,len = %d",goodValue,goodValue.length);

输出日志为:


为解决截取问题,于是呼,我又寻求了一种更为合适的方法(个人认为还不错)只要不用于计算字数,还可以效率。完整代码:
- (BOOL)textView:(UITextView *)textView shouldChangeTextInRange:(NSRange)range
replacementText:(NSString *)text
{
UITextRange *selectedRange = [textView markedTextRange];
//获取高亮部分
UITextPosition *pos = [textView positionFromPosition:selectedRange.start offset:0];
//获取高亮部分内容
//NSString * selectedtext = [textView textInRange:selectedRange];

//如果有高亮且当前字数开始位置小于最大限制时允许输入
if (selectedRange && pos) {
NSInteger startOffset = [textView offsetFromPosition:textView.beginningOfDocument toPosition:selectedRange.start];
NSInteger endOffset = [textView offsetFromPosition:textView.beginningOfDocument toPosition:selectedRange.end];
NSRange offsetRange = NSMakeRange(startOffset, endOffset - startOffset);

if (offsetRange.location < MAX_LIMIT_NUMS) {
return YES;
}
else
{
return NO;
}
}

NSString *comcatstr = [textView.text stringByReplacingCharactersInRange:range withString:text];

NSInteger caninputlen = MAX_LIMIT_NUMS - comcatstr.length;

if (caninputlen >= 0)
{
return YES;
}
else
{
NSInteger len = text.length + caninputlen;
//防止当text.length + caninputlen < 0时,使得rg.length为一个非法最大正数出错
NSRange rg = {0,MAX(len,0)};

if (rg.length > 0)
{
NSString *s = @"";
//判断是否只普通的字符或asc码(对于中文和表情返回NO)
BOOL asc = [text canBeConvertedToEncoding:NSASCIIStringEncoding];
if (asc) {
s = [text substringWithRange:rg];//因为是ascii码直接取就可以了不会错
}
else
{
__block NSInteger idx = 0;
__block NSString  *trimString = @"";//截取出的字串
//使用字符串遍历,这个方法能准确知道每个emoji是占一个unicode还是两个
[text enumerateSubstringsInRange:NSMakeRange(0, [text length])
options:NSStringEnumerationByComposedCharacterSequences
usingBlock: ^(NSString* substring, NSRange substringRange, NSRange enclosingRange, BOOL* stop) {

if (idx >= rg.length) {
*stop = YES; //取出所需要就break,提高效率
return ;
}

trimString = [trimString stringByAppendingString:substring];

idx++;
}];

s = trimString;
}
//rang是指从当前光标处进行替换处理(注意如果执行此句后面返回的是YES会触发didchange事件)
[textView setText:[textView.text stringByReplacingCharactersInRange:range withString:s]];
//既然是超出部分截取了,哪一定是最大限制了。
self.lbNums.text = [NSString stringWithFormat:@"%d/%ld",0,(long)MAX_LIMIT_NUMS];
}
return NO;
}

}

- (void)textViewDidChange:(UITextView *)textView
{
UITextRange *selectedRange = [textView markedTextRange];
//获取高亮部分
UITextPosition *pos = [textView positionFromPosition:selectedRange.start offset:0];

//如果在变化中是高亮部分在变,就不要计算字符了
if (selectedRange && pos) {
return;
}

NSString  *nsTextContent = textView.text;
NSInteger existTextNum = nsTextContent.length;

if (existTextNum > MAX_LIMIT_NUMS)
{
//截取到最大位置的字符(由于超出截部分在should时被处理了所在这里这了提高效率不再判断)
NSString *s = [nsTextContent substringToIndex:MAX_LIMIT_NUMS];

[textView setText:s];
}

//不让显示负数 口口日
self.lbNums.text = [NSString stringWithFormat:@"%ld/%d",MAX(0,MAX_LIMIT_NUMS - existTextNum),MAX_LIMIT_NUMS];
}

回顾一下,文章到此,共解决了哪些易遗留的BUG1.中,英文字符输入时限制。2.带emoji时截取显示半个或乱码字符处理。
好,到此是不是认为上面已经较为完美了。不然。前面和大家提到过,哪有emoji时字符数的计算就有问题,因为一个emoji有可能占长度为2,有个别是为1的。有朋友会说,只不过是数据显示不对,但不影响显示。真的么?哪么你这样想就错了,随便取一段带emoji和普通英文字符,来回复制你会发现,这时你按退格删除键时,不起作用了。为什么呢?原因为出在截取emoji代码部分,因为为防止载半个emoji,所以将一个emoji原本的长度len=2当1来计算了,导至最后整体长度大于实际长度。因此为保证最基本的准确性,调整一下截取代码。
[text enumerateSubstringsInRange:NSMakeRange(0, [text length])
options:NSStringEnumerationByComposedCharacterSequences
usingBlock: ^(NSString* substring, NSRange substringRange, NSRange enclosingRange, BOOL* stop) {

NSInteger steplen = substring.length;
if (idx >= rg.length) {
*stop = YES; //取出所需要就break,提高效率
return ;
}

trimString = [trimString stringByAppendingString:substring];

idx = idx + steplen;//这里变化了,使用了字串占的长度来作为步长
}];
到此基本上能确定带emoji时长度。即长度为100时,纯emoji则为50,如果是50个字符,则最多只能再加25个emoji.
哪么有朋友又想把一个emoji当作一个字符来计算哪怎么处理。我建议大家使用
[text enumerateSubstringsInRange:NSMakeRange(0, [text length])
options:NSStringEnumerationByComposedCharacterSequences
usingBlock: ^(NSString* substring, NSRange substringRange, NSRange enclosingRange, BOOL* stop) {
这个方法来处理。网上有好多计算混合字符串长度的。对emoji的处理都不正确。写到这里基本上能解决输入字符的限制。希望对大家有所帮助,谢谢。过程中还有想不到的或未预见的也希望大家留言给我。我好研究再进行补充。谢谢大家。
请继续关注UITextView的动态适应高度处理。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: