上一節(jié)遺留了幾個(gè)問題帖世，問題一，如何更新光標(biāo)位置沸枯；問題二日矫，選擇的文本必須在全包含單個(gè)富文本。其實(shí)也就是光標(biāo)位置的變化绑榴。光標(biāo)位置的變化有三種情況：
1.移動(dòng)光標(biāo)哪轿。
2.刪除文本；
3.輸入文本翔怎；
移動(dòng)光標(biāo)
當(dāng)光標(biāo)移動(dòng)時(shí)窃诉，不能光標(biāo)的位置落在富文本里面杨耙，這個(gè)時(shí)我們需要一個(gè)富文本 range 的數(shù)組。這里需要解釋一下為什么需要 range.length + 1 飘痛，這里是因?yàn)槲以趧?chuàng)建富文本的時(shí)候后面多增加了一個(gè)空格珊膜，我不想那個(gè)空格被刪掉，因此把長度加 1.
- (NSArray *)rangeArray
{
NSMutableArray *array = [NSMutableArray array];
NSMutableAttributedString *newRichText = [[NSMutableAttributedString alloc] initWithAttributedString:_richImp];
[newRichText enumerateAttributesInRange:NSMakeRange(0, newRichText.length) options:NSAttributedStringEnumerationReverse usingBlock:^(NSDictionary<NSString *,id> * _Nonnull attrs, NSRange range, BOOL * _Nonnull stop) {
NSString *type = [attrs valueForKey:@"type"];
NSRange newRange = NSMakeRange(range.location, range.length + 1);
if ([type isEqualToString:TYPE_HASHTAG] || [type isEqualToString:TYPE_USER]) {
[array addObject:[NSValue valueWithRange:newRange]];
}
}];
return array;
}
獲取到 range 數(shù)組后敦冬，我們還需要一個(gè)方法來修正 range辅搬。
// 修正指定范圍的邊緣（可能有某些元素剛好落在指定范圍的邊緣）
- (NSRange)alignRangeWithElementList:(NSArray *)elementList range:(NSRange)range
{
NSRange alignRange = range;
NSUInteger elementCount = elementList.count;
for (NSUInteger i = 0; i < elementCount; i++) {
NSValue *rangeValue = elementList[i];
NSRange elementRange = rangeValue.rangeValue;
// 判斷前面的邊緣
if (NSLocationInRange(range.location, elementRange)) {
alignRange.location = elementRange.location;
alignRange.length = NSMaxRange(range) - alignRange.location;
break;
}
}
for (NSUInteger i = elementCount; i > 0; i--) {
NSValue *rangeValue = elementList[i - 1];
NSRange elementRange = rangeValue.rangeValue;
// 判斷后面的邊緣
if (NSMaxRange(alignRange) > elementRange.location && NSMaxRange(alignRange) < NSMaxRange(elementRange)) {
alignRange.length = NSMaxRange(elementRange) - alignRange.location;
break;
}
}
return alignRange;
}
下面是在 UITextView 中，移動(dòng)光標(biāo)時(shí)的回調(diào)方法脖旱。在該方法中處理光標(biāo)位置的變化堪遂。然后更新到 textView 的 selectedRange。
- (void)textViewDidChangeSelection:(UITextView *)textView
{
if (textView.markedTextRange != nil) { // 中文的輸入還沒有完成
return;
}
NSRange selectedRange = [self alignRangeWithElementList:_richTextStorage.rangeArray range:self.selectedRange];
if (self.selectedRange.location == selectedRange.location &&
self.selectedRange.length == selectedRange.length) {
return;
}
self.selectedRange = selectedRange;
}
刪除文本
下面方法中萌庆，當(dāng) str 長度為 0 時(shí)溶褪，表示刪除。刪除時(shí)需要修正傳入的 range 的邊界是否在富文本中践险。如果修正后和修正前的 range 不同相等猿妈，則選中修正后的 range，反之則刪除巍虫。_updateSelectionRange 這個(gè)方法為 block 回調(diào)方法彭则。
- (void)replaceCharactersInRange:(NSRange)range withString:(NSString *)str
{
// 修正 range 的邊界值不在富文本中
NSRange selectedRange = [self alignRangeWithElementList:self.rangeArray range:range];
if (str.length == 0) { // 刪除操作
if (selectedRange.length != range.length ||
selectedRange.location != range.location) {
if (_updateSelectionRange != nil) {
self.selectedRange = selectedRange;
_updateSelectionRange(selectedRange);
}
return;
}
}
// 計(jì)算富文本
NSAttributedString *attributedString = [self parseRichText:str];
[_richImp replaceCharactersInRange:selectedRange withAttributedString:attributedString];
[_imp replaceCharactersInRange:selectedRange withString:attributedString.string];
[self edited:NSTextStorageEditedCharacters range:selectedRange changeInLength:(NSInteger)attributedString.length - (NSInteger)selectedRange.length];
// 記錄光標(biāo)位置
NSRange selectionRange = NSMakeRange(selectedRange.location + attributedString.length, 0);
if (attributedString.length == 0) {
selectedRange = NSMakeRange(selectedRange.location, 0);
}
if (_updateSelectionRange != nil) {
_updateSelectionRange(selectionRange);
}
_selectedRange = selectionRange;
}
輸入文本
當(dāng)上面方法中的 str 大于 0 時(shí)表示輸入文本。將 str 轉(zhuǎn)為有富文本格式的文本占遥，計(jì)算完后俯抖，更新到 _imp 和 _richImp 中，并移動(dòng)光標(biāo)的位置到輸入的文本結(jié)尾處瓦胎。
這樣我們的富文本輸入框基本上就完成了芬萍。為了方便用戶使用，提供三個(gè)屬性搔啊，富文本內(nèi)容柬祠，富文本顏色；提供兩個(gè)方法更新富文本负芋。
@property(nonatomic,copy, readonly) NSString *richText;
@property(nonatomic,assign) NSInteger allowedMaxTextCount; // 最大字符數(shù)漫蛔，0 為無限制
@property(nonatomic,strong) UIColor *tagNameColor;
@property(nonatomic,strong) UIColor *userNameColor;
@property(nonatomic,weak) id<RichTextViewDelegate> textViewDelegate;
- (void)insertRichText:(NSString *)richText;
- (void)replacingCharactersInRange:(NSRange)range withString:(NSString *)replacement;
- (NSArray *)queryElementIdList:(NSString *)elementType;
這里有一個(gè)地方需要注意，更新富文本顏色的時(shí)候旧蛾，需要調(diào)用下面的方法來更新莽龟，否則更新的屬性只對你設(shè)置后改變的文本有效。
[self edited:NSTextStorageEditedAttributes range:NSMakeRange(0, self.string.length) changeInLength:0];
到這里就結(jié)束了該控件的設(shè)計(jì)歷程蚜点，下面是項(xiàng)目地址，如果有問題或者建議拌阴，歡迎與我交流绍绘。當(dāng)然也歡迎你掃碼加入【猿圈】，一個(gè)程序員的圈子，每天都會(huì)分享一些心得陪拘，經(jīng)驗(yàn)或者感想厂镇。也可以關(guān)注我的公眾號(hào)，定期會(huì)更新技術(shù)文章和徒步旅行的游記左刽。
https://github.com/zhuguojie/PersonalProduct.git
