键盘 KeyBoard 弹出时，UITextFile 布局修改

最新推荐文章于 2024-06-02 10:04:08 发布

原创最新推荐文章于 2024-06-02 10:04:08 发布 · 2.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#keyboard #object #ui #联想

iOS开发专栏收录该内容

41 篇文章

订阅专栏

本文详细介绍了如何在iOS应用中动态调整界面布局，以应对键盘弹出导致的屏幕遮挡问题，通过注册通知监听键盘高度变化，并相应调整UI元素的位置。

假设这样一个界面，中间那个面面积大的控件是UITextView，当屏幕下方的UITextFile被选中，弹出软键盘时，键盘将遮住其下方原来屏幕的内容，此时就需要采取一些方法来动态修改键盘弹出时，程序的界面。

1、获取键盘的高度：

关于键盘的高度，网上有很多的版本，大多将其理解为一个固定的值。其实键盘的高度是变化的，在输入中文的时候，会比输入英文的时候高，因为键盘还多了一行用于显示词汇的联想。正确获取键盘高度的方法如下：

注册UIKeyboardDidShowNotification和UIKeyboardDidHideNotification

- (void) registerForKeyboardNotifications{

    [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(keyboardWasShown:) name:UIKeyboardDidShowNotification object:nil];
    
    [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(keyboardWasHidden:) name:UIKeyboardDidHideNotification object:nil];
    
}

实现相关的selector：

- (void) keyboardWasShown:(NSNotification *) notif{
   // 获取notif中附带的键盘的信息
    NSDictionary *info = [notif userInfo];
    NSValue *value = [info objectForKey:UIKeyboardBoundsUserInfoKey];
   //keyboardSize中包含了键盘的大小
    CGSize keyboardSize = [value CGRectValue].size;
   //根据获取的高度keyboardSize.height 进行对UI的修改，以下代码的效果如下图
    msgTextView.frame = CGRectMake(5.0f, 80.0f, 310.0f, (326.0-keyboardSize.height+20));
    msgToSend.frame=CGRectMake(4.0f, 418.0-keyboardSize.height+10, 231, 31);
    sendMsgToSocketServer.frame=CGRectMake(243, 418.0-keyboardSize.height+10, 72.0, 31.0);
    msgTextView.selectedRange = NSMakeRange([msgTextView.text length], 0);
    [msgTextView scrollRangeToVisible: msgTextView.selectedRange];
   
}

- (void) keyboardWasHidden:(NSNotification *) notif{
   // 将UI恢复到键盘弹出前的布局
    msgTextView.frame = CGRectMake(5.0f, 80.0f, 310.0f, 326.0f);
    msgToSend.frame=CGRectMake(4.0f, 418.0f, 231, 31);
    sendMsgToSocketServer.frame=CGRectMake(243, 418.0f, 72.0, 31.0);
    msgTextView.selectedRange = NSMakeRange([msgTextView.text length], 0);
    [msgTextView scrollRangeToVisible: msgTextView.selectedRange];
    
}

键盘弹出时的界面：