iOS簡單的鍵盤彈出防遮擋效果

9.27更新:

新項目中重新對鍵盤彈出的效果進行了封裝,只需要三步就可以完成相關操作,并且支持TextView了。

Git地址,如果好用請給個star,非常感謝!

添加觀察者
- (void)viewDidLoad {
    [super viewDidLoad];
    [self.view addKeyboardNotification];
}
隱藏鍵盤操作
[[self.view getIsEditingText] resignFirstResponder];
移除觀察者
- (void)dealloc {
    [self.view removeKeyboardNotification];
}

正文:

之前項目中遇到鍵盤彈出遮擋輸入框時, 都是使用三方庫DaiDodgeKeyboard進行界面上移動畫, 這個三方庫很方便, 但是有時候會出現如tableview.tableFooterView變短、大屏適配失效等非常詭異的情況, 所以本狼參考著網上資料自己動手實現了一個簡單的效果.

  • 添加一下鍵盤的通知, 并記得移除
- (void)viewDidLoad {
    [super viewDidLoad];
    [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(keyboardWillShow:) name:UIKeyboardWillShowNotification object:nil];
    [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(keyboardWillHide:) name:UIKeyboardWillHideNotification object:nil];
}
- (void)dealloc {
    [[NSNotificationCenter defaultCenter] removeObserver:self name:UIKeyboardWillShowNotification object:nil];
    [[NSNotificationCenter defaultCenter] removeObserver:self name:UIKeyboardWillHideNotification object:nil];
}
  • 寫一個方法取到編輯狀態下的textfield
- (void)getIsEditingView:(UIView *)rootView {
    for (UIView *subView in rootView.subviews) {
        if ([subView isKindOfClass:[UITextField class]]) {
            if (((UITextField *)subView).isEditing) {
                self.editingTextField = subView;
                return;
            }
        }
        [self getIsEditingView:subView];
    }
}
  • 計算已經拿到的textfield在屏幕中的位置
- (CGFloat)screenViewYValue:(UIView *)textfield {
    CGFloat y = 0;
    for (UIView *view = textfield; view; view = view.superview) {
        y += view.frame.origin.y;
        if ([view isKindOfClass:[UIScrollView class]]) {
            // 如果父視圖是UIScrollView則要去掉內容滾動的距離
            UIScrollView* scrollView = (UIScrollView*)view;
            y -= scrollView.contentOffset.y;
        }
    }
    return y;
}

因為我們不可能凡是textfield就上移, 所以要拿到位置再進行判斷.

  • 最后針對拿到的這個位置來進行視圖上移處理, 也就是通知執行的方法
- (void)keyboardWillShow:(NSNotification *)noti {
    // 拿到正在編輯中的textfield
    [self getIsEditingView:self.view];
    // textfield的位置
    CGFloat viewY = [self screenViewYValue:self.editingTextField];
    // 鍵盤的Y值
    NSDictionary *userInfo = [noti userInfo];
    NSValue *value = [userInfo objectForKey:UIKeyboardFrameEndUserInfoKey];
    CGFloat keyboardEndY = value.CGRectValue.origin.y;
    // 動畫
    NSNumber *duration = [userInfo objectForKey:UIKeyboardAnimationDurationUserInfoKey];
    [UIView animateWithDuration:duration.doubleValue animations:^{
        if (viewY+30 > keyboardEndY) {
            CGRect rect = self.tableView.frame;
            rect.origin.y += keyboardEndY - (viewY+30);
            self.tableView.frame = rect;
        }
    }];
}
  • 鍵盤收起方法就比較簡單了, 直接復位即可
- (void)keyboardWillHide:(NSNotification *)noti {
    CGRect rect = self.tableView.frame;
    rect.origin.y = 0;
    self.tableView.frame = rect;
}

至此就基本實現了鍵盤彈出的動畫效果, 可能還要具體需求具體分析, 不過一般場景已經夠用, 其中-(CGFloat)screenViewYValue:方法是一個系列的, 本狼是寫在UIView的類別里, 這里為了方便展示就單獨拿了出來, 建議還是將方法整理寫到類別中.

關注豺狼的訂閱號, 更新的新文章會第一時間收到通知~

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 昨天晚上和朋友一起吃飯,一路上玩玩鬧鬧。途經一對老年夫妻的時候,他們叫住了我們,他們想問我們……地方在哪?一個朋友...
    云淡風輕的擺渡人閱讀 238評論 0 2
  • 明明是兩個人在一起,可是卻比一個人更寂寞。 遠方的朋友和我言說這些。她說她在新的公司,每天都是兩個人一起約著上班,...
    簡秋心閱讀 586評論 0 0
  • 用戶真相是什么?無疑是最難的環節。作為產品經理,天天都在圍繞吃透用戶真相運轉。但是總是會出現對于用戶的需求過于自信...
    擇城ly閱讀 478評論 3 4
  • 時光回到十幾甚至更遠的二十年前…… 水泥建成的農村小院的露天樓梯上,夏夏正在下樓梯。是的,這是個不太熱...
    杜忘閱讀 324評論 0 0