【YYTextView 自增高編輯 && 類IQKeyboardManager功能】

時間 2019-12-05

標籤 yytextview 增高編輯 iqkeyboardmanager 功能简体版

原文原文鏈接

【最終效果預覽】 git

【先決條件】本文全部代碼針對的具體場景爲信息發佈頁，效果圖中紅色 -- 標題，青色 -- 摘要，藍色 -- 圖片描述，其中圖片可添加多張，在此不贅述。（表情切換、輸入功能正常可用，因爲涉及到具體項目信息，未展現。）全部輸入框，均爲YYTextView。github

【具體需求】類Facebook 、微博頭條文章的發佈頁，這個需求對於安卓端來講好像相對簡單，但對iOS來講稍微有點困難。bash

【解決思路】思路一：全局YYtextView 來實現，意思是整個發佈頁底層就是一個YYTextView，這樣的好處是文本編輯等等體驗都是無縫的。但YY有一個潛在問題，當內容渲染達到必定高度就會出現白板問題。因爲項目發佈頁實際上圖片可能達到數百張，故放棄。app

思路二：分析了微博的實現，最終和他們相似底層採用UITableView，Cell上放置YYTextView 來作。佈局

【疑難點】動畫

UITableView 輸入過程當中若是採用reload方法來變高，會崩潰。
Cell上文本增高時，UITableView 上移邏輯。
光標起始定位問題

【最終實現】可參考相關源碼，修改了YYTextView源碼實現了相似IQKeyboardManager 的自動調整功能（固然是必定條件下）。ui

【控制器須要處理的代碼】spa

/// 注意相關的YYTextView實例 scrollEnabled 要設置爲 NO !!!
- (void)viewWillAppear:(BOOL)animated {
    [super viewWillAppear:animated];
    //開啓調整功能
    [YYTextView setAutoCursorEnable:YES];
}

- (void)viewWillDisappear:(BOOL)animated {
    [super viewWillDisappear:animated];
    [YYTextView setAutoCursorEnable:NO];
}
複製代碼

【UITableView 須要處理的代碼】設計

//自增高 更新YYTextView 高度
//觸發源方法
- (void)textViewDidChange:(YYTextView *)textView {
  ....
  CGFloat fltTextHeight = textView.textLayout.textBoundingSize.height;
  textView.scrollEnabled = NO; //必須設置爲NO

  //這裏動畫的做用是抵消，YYTextView 內部動畫 防止視覺上的跳動。
  [UIView animateWithDuration:0.25 animations:^{
            textView.height = fltTextHeight;
   } completion:^(BOOL finished) {

  }];
  ....
  ....  
  
  CGSize layoutSize = originalSize;
  layoutSize.height = topInset + bottomInset + fltTextHeight;

  //獲取底層TableView 
  UITableView tableView = ....; // 假設，具體怎樣設計代碼自行處理。
  //重要的部分 
  [tableView beginUpdates];
  //假設這裏 textView 是放置在UITableView 的HeaderView上
  tableView.tableHeaderSize = layoutSize;
  [tableView endUpdates];
  ....

}
複製代碼

【YYTextView的改動】主要修改部分rest

- (void)_scrollRangeToVisible:(YYTextRange *)range {
    if (!range) return;
    //獲取頂層ScrollView
    UIScrollView *scTop = [self _findTopScrollView];
    //從內部佈局容器中獲取 光標位置
    CGRect rect = [_innerLayout rectForRange:range];
    if (CGRectIsNull(rect)) return;
    //轉換區域
    rect = [self _convertRectFromLayout:rect];
    //轉換區域到頂層SC
    CGRect rectTop = [_containerView convertRect:rect toView:scTop];
    
    //轉換區域到內部文本容器
    rect = [_containerView convertRect:rect toView:self];

    if (rect.size.width < 1) {
        rect.size.width = 1;
        rectTop.size.width = 1;
    }
    if (rect.size.height < 1) {
        rect.size.height = 1;
        rectTop.size.height = 1;
    }
    
    CGFloat extend = 3;
    //是否修改內間距
    BOOL insetModified = NO;

    //鍵盤管理器
    YYTextKeyboardManager *mgr = [YYTextKeyboardManager defaultManager];
    
    //須要移動頂層容器的狀況
    if (!self.scrollEnabled && [YYTextView autoCursorEnable]) {
        ///**添加自動調整外部頂層 UITableView 偏移，用來實現和IQKeyboard相似的功能
        //滾動鎖定狀態下
        //鍵盤彈起狀況下
        CGRect topBounds = scTop.bounds;
        topBounds.origin = CGPointZero;
        //保存原始間距數據
        if(!_isAutoCursorEnable){
            _isAutoCursorEnable = YES;
            _originalTopContentInset = scTop.contentInset;
            _originalTopScrollIndicatorInsets = scTop.scrollIndicatorInsets;
        }
        
        CGRect kbTopRect = [mgr convertRect:mgr.keyboardFrame toView:scTop];
        kbTopRect.origin.y -= _extraAccessoryViewHeight;
        kbTopRect.size.height += _extraAccessoryViewHeight;
        //修正鍵盤位置
        kbTopRect.origin.x -= scTop.contentOffset.x;
        kbTopRect.origin.y -= scTop.contentOffset.y;
        //區域交集
        CGRect inter = CGRectIntersection(topBounds, kbTopRect);
        UIEdgeInsets newTopInset = UIEdgeInsetsZero;
        newTopInset.bottom = inter.size.height + extend;
        
        UIViewAnimationOptions curve;
        if (kiOS7Later) {
            curve = 7 << 16;
        } else {
            curve = UIViewAnimationOptionCurveEaseInOut;
        }
        [UIView animateWithDuration:0.25 delay:0 options:UIViewAnimationOptionBeginFromCurrentState | UIViewAnimationOptionAllowUserInteraction | curve animations:^{
    
            [scTop setContentInset:newTopInset];
            [scTop setScrollIndicatorInsets:newTopInset];
            [scTop scrollRectToVisible:CGRectInset(rectTop, -extend, -extend) animated:NO];
            
        } completion:NULL];
        
        return;
    }
    
    if (mgr.keyboardVisible && self.window && self.superview && self.isFirstResponder && !_verticalForm) {
        //鍵盤彈起狀況下
        CGRect bounds = self.bounds;
        bounds.origin = CGPointZero;
        CGRect kbRect = [mgr convertRect:mgr.keyboardFrame toView:self];
        kbRect.origin.y -= _extraAccessoryViewHeight;
        kbRect.size.height += _extraAccessoryViewHeight;
        //修正鍵盤位置
        kbRect.origin.x -= self.contentOffset.x;
        kbRect.origin.y -= self.contentOffset.y;
        //區域交集
        CGRect inter = CGRectIntersection(bounds, kbRect);
        if (!CGRectIsNull(inter) && inter.size.height > 1 && inter.size.width > extend) { // self is covered by keyboard
            if (CGRectGetMinY(inter) > CGRectGetMinY(bounds)) { // keyboard below self.top
                //獲取當前內間距數據
                UIEdgeInsets originalContentInset = self.contentInset;
                UIEdgeInsets originalScrollIndicatorInsets = self.scrollIndicatorInsets;
                
                //默認值爲NO
                if (_insetModifiedByKeyboard) {
                    //從上一次偏移中獲取內間距數據
                    originalContentInset = _originalContentInset;
                    originalScrollIndicatorInsets = _originalScrollIndicatorInsets;
                }
                
                if (originalContentInset.bottom < inter.size.height + extend) {
                    //當前光標被鍵盤遮擋
                    insetModified = YES;
                    if (!_insetModifiedByKeyboard) {
                        //第一次 保存原始內間距等設置
                        _insetModifiedByKeyboard = YES;
                        _originalContentInset = self.contentInset;
                        _originalScrollIndicatorInsets = self.scrollIndicatorInsets;
                    }
                    
                    CGFloat fltDiffBottom = CGRectGetMaxY(bounds) - CGRectGetMaxY(inter);
                    
                    //內間距更新
                    UIEdgeInsets newInset = originalContentInset;
                    UIEdgeInsets newIndicatorInsets = originalScrollIndicatorInsets;
                    
                    //固定爲鍵盤高度
                    newInset.bottom = inter.size.height + extend + fltDiffBottom;
                    newIndicatorInsets.bottom = newInset.bottom;

                    UIViewAnimationOptions curve;
                    if (kiOS7Later) {
                        curve = 7 << 16;
                    } else {
                        curve = UIViewAnimationOptionCurveEaseInOut;
                    }
                    [UIView animateWithDuration:0.25 delay:0 options:UIViewAnimationOptionBeginFromCurrentState | UIViewAnimationOptionAllowUserInteraction | curve animations:^{
                        
                        [super setContentInset:newInset];
                        [super setScrollIndicatorInsets:newIndicatorInsets];
                        [self scrollRectToVisible:CGRectInset(rect, -extend, -extend) animated:NO];

                    } completion:NULL];
                }
            }
        }
    }
    if (!insetModified) {
        [UIView animateWithDuration:0.25 delay:0 options:UIViewAnimationOptionBeginFromCurrentState | UIViewAnimationOptionAllowUserInteraction | UIViewAnimationCurveEaseOut animations:^{
            
            [self _restoreInsetsAnimated:NO];
            [self scrollRectToVisible:CGRectInset(rect, -extend, -extend) animated:NO];
        } completion:NULL];
    }
}

/// Restore contents insets if modified by keyboard.
- (void)_restoreInsetsAnimated:(BOOL)animated {
    if (_insetModifiedByKeyboard) {
        _insetModifiedByKeyboard = NO;
        if (animated) {
            [UIView animateWithDuration:0.25 delay:0 options:UIViewAnimationOptionBeginFromCurrentState | UIViewAnimationOptionAllowUserInteraction | UIViewAnimationCurveEaseOut  animations:^{
                [super setContentInset:_originalContentInset];
                [super setScrollIndicatorInsets:_originalScrollIndicatorInsets];
            } completion:NULL];
        } else {
            [super setContentInset:_originalContentInset];
            [super setScrollIndicatorInsets:_originalScrollIndicatorInsets];
        }
    }
    
    if ([YYTextView autoCursorEnable]) {
        
        UIScrollView *scTop = [self _findTopScrollView];
        
        if (animated) {
            [UIView animateWithDuration:0.25 delay:0 options:UIViewAnimationOptionBeginFromCurrentState | UIViewAnimationOptionAllowUserInteraction | UIViewAnimationCurveEaseOut  animations:^{
                //還原頂層容器間距
                [scTop setContentInset:_originalTopContentInset];
                [scTop setScrollIndicatorInsets:_originalTopScrollIndicatorInsets];
                
            } completion:NULL];
        } else {
            //還原頂層容器間距
            [scTop setContentInset:_originalTopContentInset];
            [scTop setScrollIndicatorInsets:_originalTopScrollIndicatorInsets];
        }
    }
    
}

/// Find top scrollView, Implement function like IQKeyboard.
- (UIScrollView *)_findTopScrollView {
    UIScrollView *topScrollView = nil;
    UIView *viewTemp = self.superview;
    while (viewTemp && ![viewTemp isKindOfClass:[UIScrollView class]]) {
        viewTemp = viewTemp.superview;
    }
    ///correct the result
    if ([viewTemp isKindOfClass: NSClassFromString(@"UITableViewWrapperView")]) {
        viewTemp = viewTemp.superview;
    }
    
    topScrollView = (UIScrollView *)viewTemp;
    
    return topScrollView;
}
複製代碼

最後但願能幫到有須要的人，由於是直接在工做項目中修改因此暫無Demo。

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。