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

UitextView 方便今后自己使用查看

2016-10-10 14:05 447 查看
对于限制UITextView输入的字符数。相信大家在网上见得最多的是实现UITextViewDelegate

 

 

view sourceprint?

1.
- (BOOL)textView:(UITextView *)textView shouldChangeTextInRange:(NSRange)range

2.
replacementText:(NSString *)text;
//有输入时触但对于中文键盘出示的联想字选择时不会触发

3.
 
4.
- (
void
)textViewDidChange:(UITextView *)textView;
//当输入且上面的代码返回YES时触发。或当选择键盘上的联想字时触发。


第一个用于限制输入，第二个用于动态计算剩余字数。好吧，就来慢慢的给大家分析这两个代理共同协作来限制输入。
 

从最简单的开始。为了便于讲析，声明

#define MAX_LIMIT_NUMS 100 来限制最大输入只能100个字符

详细的实现代码：

 

view sourceprint?

01.
- (BOOL)textView:(UITextView *)textView shouldChangeTextInRange:(NSRange)range

02.
replacementText:(NSString *)text

03.
{

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

05.
 
06.
NSInteger caninputlen = MAX_LIMIT_NUMS - comcatstr.length;

07.
 
08.
if

(caninputlen >=
0
)

09.
{

10.
return

YES;

11.
}

12.
else

13.
{

14.
NSInteger len = text.length + caninputlen;

15.
//防止当text.length + caninputlen < 0时，使得rg.length为一个非法最大正数出错

16.
NSRange rg = {
0
,MAX(len,
0
)};

17.
 
18.
if

(rg.length >
0
)

19.
{

20.
NSString *s = [text substringWithRange:rg];

21.
 
22.
[textView setText:[textView.text stringByReplacingCharactersInRange:range withString:s]];

23.
}

24.
return

NO;

25.
}

26.
 
27.
}

28.
 
29.
- (
void
)textViewDidChange:(UITextView *)textView

30.
{

31.
NSString  *nsTextContent = textView.text;

32.
NSInteger existTextNum = nsTextContent.length;

33.
 
34.
if

(existTextNum > MAX_LIMIT_NUMS)

35.
{

36.
//截取到最大位置的字符

37.
NSString *s = [nsTextContent substringToIndex:MAX_LIMIT_NUMS];

38.
 
39.
[textView setText:s];

40.
}

41.
 
42.
//不让显示负数

43.
self.lbNums.text = [NSString stringWithFormat:@
"%ld/%d"
,MAX(
0
,MAX_LIMIT_NUMS
- existTextNum),MAX_LIMIT_NUMS];

44.
}


最终运行效果：
 



 

图片这么大？^_^。大家看到这是不是就表示OK了呢。就提交代码了呢？

好，下面就对上面的简单代进行逐一BUG找出且进行修复。

 

1.遗留BUG(只考虑了英文键盘下处理)

上述代码在英文键盘下基本上是可以正常，但如果是在中文(生在天朝啊必须得懂中文)或9宫格键盘下会有什么问是呢。下图是我截图，当输入到只剩下一个字时，这时输入拼音时，问题出现了，发现拼音输不完。另一个问题是当离字数上限差距很大时，输入拼音会发现字数也跟着计算了。本来还没有输入的，此时开始计算了，有瘕次。

如图，在最后一个，本想输入一个拼音h开头的且还没有出现在推荐字的。哪再输入第二位拼音时发现不能输了，且字数被计算了。



对上述可能有朋友说，这算什么BUG。基本上没怎么碰到这情况。嗯确实，但如果是在一段字中间插入的时候呢。这个是有可能出现的。

哪么怎么样处理这样的产生的BUG呢。从分析来看事实上输入拼音还处于高亮状态，哪么有没有什么办法来获取呢。于是呼搜寻中。。。。。。

Ok,确实有这样的好。加上后代码如下：

 

view sourceprint?

01.
- (BOOL)textView:(UITextView *)textView shouldChangeTextInRange:(NSRange)range

02.
replacementText:(NSString *)text

03.
{

04.
UITextRange *selectedRange = [textView markedTextRange];

05.
//获取高亮部分

06.
UITextPosition *pos = [textView positionFromPosition:selectedRange.start offset:
0
];

07.
//获取高亮部分内容

08.
//NSString * selectedtext = [textView textInRange:selectedRange];

09.
 
10.
//如果有高亮且当前字数开始位置小于最大限制时允许输入

11.
if

(selectedRange && pos) {

12.
NSInteger startOffset = [textView offsetFromPosition:textView.beginningOfDocument toPosition:selectedRange.start];

13.
NSInteger endOffset = [textView offsetFromPosition:textView.beginningOfDocument toPosition:selectedRange.end];

14.
NSRange offsetRange = NSMakeRange(startOffset, endOffset - startOffset);

15.
 
16.
if

(offsetRange.location < MAX_LIMIT_NUMS) {

17.
return

YES;

18.
}

19.
else

20.
{

21.
return

NO;

22.
}

23.
}

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

27.
 
28.
NSInteger caninputlen = MAX_LIMIT_NUMS - comcatstr.length;

29.
 
30.
if

(caninputlen >=
0
)

31.
{

32.
return

YES;

33.
}

34.
else

35.
{

36.
NSInteger len = text.length + caninputlen;

37.
//防止当text.length + caninputlen < 0时，使得rg.length为一个非法最大正数出错

38.
NSRange rg = {
0
,MAX(len,
0
)};

39.
 
40.
if

(rg.length >
0
)

41.
{

42.
NSString *s = [text substringWithRange:rg];

43.
 
44.
[textView setText:[textView.text stringByReplacingCharactersInRange:range withString:s]];

45.
//既然是超出部分截取了，哪一定是最大限制了。

46.
self.lbNums.text = [NSString stringWithFormat:@
"%d/%ld"
,
0
,(
long
)MAX_LIMIT_NUMS];

47.
}

48.
return

NO;

49.
}

50.
 
51.
}

52.
 
53.
- (
void
)textViewDidChange:(UITextView *)textView

54.
{

55.
UITextRange *selectedRange = [textView markedTextRange];

56.
//获取高亮部分

57.
UITextPosition *pos = [textView positionFromPosition:selectedRange.start offset:
0
];

58.
 
59.
//如果在变化中是高亮部分在变，就不要计算字符了

60.
if

(selectedRange && pos) {

61.
return
;

62.
}

63.
 
64.
NSString  *nsTextContent = textView.text;

65.
NSInteger existTextNum = nsTextContent.length;

66.
 
67.
if

(existTextNum > MAX_LIMIT_NUMS)

68.
{

69.
//截取到最大位置的字符

70.
NSString *s = [nsTextContent substringToIndex:MAX_LIMIT_NUMS];

71.
 
72.
[textView setText:s];

73.
}

74.
 
75.
//不让显示负数 口口日

76.
self.lbNums.text = [NSString stringWithFormat:@
"%ld/%d"
,MAX(
0
,MAX_LIMIT_NUMS
- existTextNum),MAX_LIMIT_NUMS];

77.
}


 

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



 

经过上述处理，基本上能支持正常的中，英输入法键盘的字符限制。

到这里可能部分开发者就可以说大功告成了，可以和ＢＯＳＳ说，ＢＵＧ弄好了。正准备看大片时。。。。。测试来了，又有ＢＵＧ了。

凸^-^凸

还有BUG?不可能吧。（很多情况下，是我们一下子思考不完全导至的，也有些场景未能正常预知所至，因此经验至关重要）

上述的代码，在输入中，英文都能正常限制和处理，但如果是输入的字符带有emoji表情符，且用户是使用粘贴的方式就有可能出ＢＵＧ。看截图，在最后一位时贴个emoji.就变为乱码了？为什么是乱码？因为emoji在IOS中使用的是UTF16也就是占位符是8+8两个字节的(占的长度为2,因此在计算字数时一个表情就占了2即全部表情只能输入50个，故计算上也是一个问题)，相当于双UNICODE。所以在使用

substringWithRange或substringToIndex等截取时就可能正好只取到了某个emoji的一半字符。如图显示：



因此在使用截取字符串函数时，必须判断出截取位置是不是emoji字符。（当然还有能存在某些不知道的字符在最后一个时粘贴截取出问题。）还好ios对中文的截取还算正确。否则得判断unicode了。好吧，既然问是出现了，哪必须得解决啊，否则ＢＯＳＳ又要发威了。。。。

解决思路就是判断截取的位置是否正好为emoji。一个比较笨的方式就是判断截取的位置，先假设为emoji，取位置前1个字符和当前字串组合(AB)然后用emoji的正则判断这个组合后的字符是否为emoji如果是，则说明截取的位置正好是一个emoji的结束位。如果组合起来发现不是emoji，则再来判断截取位置和+1字符串(注意要判断是否越界)，组合后BC进行emoji正则，若为emoji则说明截取的位置正好把emoji劈成两半了，所以这个时候的实际截取应该是当前截取位置+1这样就可以让emoji截全了。如果不是则放心了，截取的位置不是emoji.(不过不能保证是不是其它双字节的)

咱先来看看Emoji输出的长度和他的实际字符(在textview中只取一个笑脸符就可以看出了)

 

view sourceprint?

01.
//encode

02.
NSData *data = [comcatstr dataUsingEncoding:NSNonLossyASCIIStringEncoding];

03.
NSString *goodValue = [[NSString alloc] initWithData:data encoding:NSUTF8StringEncoding];

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

06.
 
07.
//decode

08.
data = [goodValue dataUsingEncoding:NSUTF8StringEncoding];

09.
goodValue = [[NSString alloc] initWithData:data encoding:NSNonLossyASCIIStringEncoding];

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


输出日志为：
 



为解决截取问题，于是呼，我又寻求了一种更为合适的方法(个人认为还不错)只要不用于计算字数，还可以效率。

完整代码：

 

view sourceprint?

001.
- (BOOL)textView:(UITextView *)textView shouldChangeTextInRange:(NSRange)range

002.
replacementText:(NSString *)text

003.
{

004.
UITextRange *selectedRange = [textView markedTextRange];

005.
//获取高亮部分

006.
UITextPosition *pos = [textView positionFromPosition:selectedRange.start offset:
0
];

007.
//获取高亮部分内容

008.
//NSString * selectedtext = [textView textInRange:selectedRange];

009.
 
010.
//如果有高亮且当前字数开始位置小于最大限制时允许输入

011.
if

(selectedRange && pos) {

012.
NSInteger startOffset = [textView offsetFromPosition:textView.beginningOfDocument toPosition:selectedRange.start];

013.
NSInteger endOffset = [textView offsetFromPosition:textView.beginningOfDocument toPosition:selectedRange.end];

014.
NSRange offsetRange = NSMakeRange(startOffset, endOffset - startOffset);

015.
 
016.
if

(offsetRange.location < MAX_LIMIT_NUMS) {

017.
return

YES;

018.
}

019.
else

020.
{

021.
return

NO;

022.
}

023.
}

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

027.
 
028.
NSInteger caninputlen = MAX_LIMIT_NUMS - comcatstr.length;

029.
 
030.
if

(caninputlen >=
0
)

031.
{

032.
return

YES;

033.
}

034.
else

035.
{

036.
NSInteger len = text.length + caninputlen;

037.
//防止当text.length + caninputlen < 0时，使得rg.length为一个非法最大正数出错

038.
NSRange rg = {
0
,MAX(len,
0
)};

039.
 
040.
if

(rg.length >
0
)

041.
{

042.
NSString *s = @
""
;

043.
//判断是否只普通的字符或asc码(对于中文和表情返回NO)

044.
BOOL asc = [text canBeConvertedToEncoding:NSASCIIStringEncoding];

045.
if

(asc) {

046.
s = [text substringWithRange:rg];
//因为是ascii码直接取就可以了不会错

047.
}

048.
else

049.
{

050.
__block NSInteger idx =
0
;

051.
__block NSString  *trimString = @
""
;
//截取出的字串

052.
//使用字符串遍历，这个方法能准确知道每个emoji是占一个unicode还是两个

053.
[text enumerateSubstringsInRange:NSMakeRange(
0
, [text length])

054.
options:NSStringEnumerationByComposedCharacterSequences

055.
usingBlock: ^(NSString* substring, NSRange substringRange, NSRange enclosingRange, BOOL* stop) {

056.
 
057.
if

(idx >= rg.length) {

058.
*stop = YES;
//取出所需要就break，提高效率

059.
return

;

060.
}

061.
 
062.
trimString = [trimString stringByAppendingString:substring];

063.
 
064.
idx++;

065.
}];

066.
 
067.
s = trimString;

068.
}

069.
//rang是指从当前光标处进行替换处理(注意如果执行此句后面返回的是YES会触发didchange事件)

070.
[textView setText:[textView.text stringByReplacingCharactersInRange:range withString:s]];

071.
//既然是超出部分截取了，哪一定是最大限制了。

072.
self.lbNums.text = [NSString stringWithFormat:@
"%d/%ld"
,
0
,(
long
)MAX_LIMIT_NUMS];

073.
}

074.
return

NO;

075.
}

076.
 
077.
}

078.
 
079.
- (
void
)textViewDidChange:(UITextView *)textView

080.
{

081.
UITextRange *selectedRange = [textView markedTextRange];

082.
//获取高亮部分

083.
UITextPosition *pos = [textView positionFromPosition:selectedRange.start offset:
0
];

084.
 
085.
//如果在变化中是高亮部分在变，就不要计算字符了

086.
if

(selectedRange && pos) {

087.
return
;

088.
}

089.
 
090.
NSString  *nsTextContent = textView.text;

091.
NSInteger existTextNum = nsTextContent.length;

092.
 
093.
if

(existTextNum > MAX_LIMIT_NUMS)

094.
{

095.
//截取到最大位置的字符(由于超出截部分在should时被处理了所在这里这了提高效率不再判断)

096.
NSString *s = [nsTextContent substringToIndex:MAX_LIMIT_NUMS];

097.
 
098.
[textView setText:s];

099.
}

100.
 
101.
//不让显示负数 口口日

102.
self.lbNums.text = [NSString stringWithFormat:@
"%ld/%d"
,MAX(
0
,MAX_LIMIT_NUMS
- existTextNum),MAX_LIMIT_NUMS];

103.
}


回顾一下，文章到此，共解决了哪些易遗留的BUG
 

1.中，英文字符输入时限制。

2.带emoji时截取显示半个或乱码字符处理。

 

好，到此是不是认为上面已经较为完美了。不然。前面和大家提到过，哪有emoji时字符数的计算就有问题，因为一个emoji有可能占长度为2,有个别是为1的。有朋友会说，只不过是数据显示不对，但不影响显示。真的么？哪么你这样想就错了，随便取一段带emoji和普通英文字符，来回复制你会发现，这时你按退格删除键时，不起作用了。为什么呢？原因为出在截取emoji代码部分，因为为防止载半个emoji，所以将一个emoji原本的长度len＝2当1来计算了,导至最后整体长度大于实际长度。因此为保证最基本的准确性，调整一下截取代码。

 

view sourceprint?

01.
[text enumerateSubstringsInRange:NSMakeRange(
0
, [text length])

02.
options:NSStringEnumerationByComposedCharacterSequences

03.
usingBlock: ^(NSString* substring, NSRange substringRange, NSRange enclosingRange, BOOL* stop) {

04.
 
05.
NSInteger steplen = substring.length;

06.
if

(idx >= rg.length) {

07.
*stop = YES;
//取出所需要就break，提高效率

08.
return

;

09.
}

10.
 
11.
trimString = [trimString stringByAppendingString:substring];

12.
 
13.
idx = idx + steplen;
//这里变化了，使用了字串占的长度来作为步长

14.
}];


到此基本上能确定带emoji时长度。即长度为100时，纯emoji则为50,如果是50个字符，则最多只能再加25个emoji.
 

 

哪么有朋友又想把一个emoji当作一个字符来计算哪怎么处理。我建议大家使用

view sourceprint?

1.
[text enumerateSubstringsInRange:NSMakeRange(
0
, [text length])

2.
options:NSStringEnumerationByComposedCharacterSequences

3.
usingBlock: ^(NSString* substring, NSRange substringRange, NSRange enclosingRange, BOOL* stop) {


这个方法来处理。网上有好多计算混合字符串长度的。对emoji的处理都不正确。
 

写到这里基本上能解决输入字符的限制。希望对大家有所帮助，谢谢。过程中还有想不到的或未预见的也希望大家留言给我。我好研究再进行补充。谢谢大家。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航