美文网首页iOS开发
iOS_键盘弹出视图上移效果

iOS_键盘弹出视图上移效果

作者: DDB_CS | 来源:发表于2017-12-28 14:37 被阅读172次

    先上效果图

    键盘.gif

    消息中心(NSNotificationCenter)

    实现视图对键盘弹出的响应主要利用的是通知机制。这里我们来了解下通知机制。

    不同于代理用于一对一的传递消息,通知机制用于多对多的传递消息。这个信息的传递是通过消息中心(NSNotificationCenter),每一个应用程序都有一个通知中心(NSNotificationCenter)实例,专门负责协助不同对象之间的消息通信。任何一个对象都可以向通知中心发布通知(NSNotification),描述自己在做什么。其他感兴趣的对象(Observer)可以申请在某个特定通知发布时(或在某个特定的对象发布通知时)收到这个通知。这样便能实现消息的传递。

    消息中心(NSNotificationCenter)是唯一的(即单例),在创建时使用类方法 [NSNotificationCenter defaultCenter] 即可。
    通知(NSNotification)
    而发送的消息叫做通知(NSNotification),一个完整的通知一般包含3个属性:
    (NSString *)name; // 通知的名称
    (id)object; // 通知发布者(是谁要发布通知)
    (NSDictionary *)userInfo; // 一些额外的信息(通知发布者传递给通知接收者的信息内容)

    初始化一个通知(NSNotification)对象有这些方法

    + (instancetype)notificationWithName:(NSString *)aName object:(id)anObject;
    
    + (instancetype)notificationWithName:(NSString *)aName object:(id)anObject userInfo:(NSDictionary *)UserInfo;
    
    - (instancetype)initWithName:(NSString *)name object:(id)object userInfo:(NSDictionary *)userInfo;
    

    发布通知

    通知中心提供了相应的方法来帮助发布通知

    - (void)postNotification:(NSNotification *)notification;
    
    //发布一个notification通知,可在notification对象中设置通知的名称、通知发布者、额外信息等
    
    - (void)postNotificationName:(NSString *)aName object:(id)anObject;
    //发布一个名称为aName的通知,anObject为这个通知的发布者
    
    - (void)postNotificationName:(NSString *)aName object:(id)anObject userInfo:(NSDictionary *)aUserInfo;
    //发布一个名称为aName的通知,anObject为这个通知的发布者,aUserInfo为额外信息
    

    监听通知

    通知中心(NSNotificationCenter)提供了方法来注册一个监听通知的监听器(Observer)

    - (void)addObserver:(id)observer selector:(SEL)aSelector name:(NSString *)aName object:(id)anObject;
    

    其中:

    observer:监听器,即谁要接收这个通知
    aSelector:收到通知后,回调监听器的这个方法,并且把通知对象当做参数传入
    aName:通知的名称。如果为nil,那么无论通知的名称是什么,监听器都能收到这个通知
    anObject:通知发布者。如果为anObject和aName都为nil,监听器都收到所有的通知
    值得注意的是,aSelector 指示的方法传入的参数即是通知对象本身,我们可以通过通知对象的 userInfo; // 一些额外的信息(通知发布者传递给通知接收者的信息内容)

    初始化一个通知(NSNotification)对象有这些方法

    + (instancetype)notificationWithName:(NSString *)aName object:(id)anObject;
    
    + (instancetype)notificationWithName:(NSString *)aName object:(id)anObject userInfo:(NSDictionary *)UserInfo;
    
    - (instancetype)initWithName:(NSString *)name object:(id)object userInfo:(NSDictionary *)userInfo;
    

    取消注册通知监听器

    由于通知中心不会保留(retain)监听器对象,在通知中心注册过的对象,必须在该对象释放前取消注册。否则,当相应的通知再次出现时,通知中心仍然会向该监听器发送消息。因为相应的监听器对象已经被释放了,所以可能会导致应用崩溃!!

    通知中心提供了相应的方法来取消注册监听器
    - (void)removeObserver:(id)observer;
    
    - (void)removeObserver:(id)observer name:(NSString *)aName object:(id)anObject;
    

    一般我们用第一种方法就可以了,可以(也需要)移除所有监听器对象注册的监听。

    一般在监听器销毁之前取消注册(如在监听器中加入下列代码):

    - (void)dealloc {
        //[super dealloc];  非ARC中需要调用此句
        [[NSNotificationCenter defaultCenter] removeObserver:self];
    }
    

    注意我们现在一般都是使用的 ARC 模式,所以不需要调用 [super dealloc] 以及 release 了。 delloc 方法在 ARC 依然保留的原因就是为了方便我们做取消监听注册等情况。

    常见的通知名称

    UIDevice 通知

    UIDevice类提供了一个单例对象,它代表着设备,通过它可以获得一些设备相关的信息,比如电池电量值(batteryLevel)、电池状态(batteryState)、设备的类型(model,比如iPod、iPhone等)、设备的系统(systemVersion)
    ,通过[UIDevice currentDevice]可以获取这个单例对象。

    UIDevice对象会不间断地发布一些通知,下列是UIDevice对象所发布通知的名称常量:

    UIDeviceOrientationDidChangeNotification // 设备旋转
    UIDeviceBatteryStateDidChangeNotification // 电池状态改变
    UIDeviceBatteryLevelDidChangeNotification // 电池电量改变
    UIDeviceProximityStateDidChangeNotification // 近距离传感器(比如设备贴近了使用者的脸部)
    

    键盘通知

    键盘状态改变的时候,系统会发出一些特定的通知

    UIKeyboardWillShowNotification // 键盘即将显示
    UIKeyboardDidShowNotification // 键盘显示完毕
    UIKeyboardWillHideNotification // 键盘即将隐藏
    UIKeyboardDidHideNotification // 键盘隐藏完毕
    UIKeyboardWillChangeFrameNotification // 键盘的位置尺寸即将发生改变
    UIKeyboardDidChangeFrameNotification // 键盘的位置尺寸改变完毕
    

    实现键盘弹出界面上移

    首先需要注册键盘监听的通知,在 viewDidLoad 方法中加入:

    [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(keyboardWillChangeFrame:) name:UIKeyboardWillChangeFrameNotification object:nil];
    

    这样表示任何对象发布的名为 UIKeyboardWillChangeFrameNotification 的通知都会被监听并且触发 self(即 ViewController)执行 keyboardWillChangeFrame: 方法,这名字是自己定义的。

    keyboardWillChangeFrame: 方法实现
    下面来自定义

    - (void)keyboardWillChangeFrame:(NSNotification *)notification;
    

    的实现。注意发布通知会把通知对象本身当作参数传入,因此可以获取 notification 的内容。在方法中加入

    NSLog(@"%@",notification);
    

    运行输出 notification 的内容。我这里用的是 iphone 8,iOS 11.1。
    输出内容如下:

    {name = UIKeyboardWillChangeFrameNotification; 
     userInfo = {
        UIKeyboardAnimationCurveUserInfoKey = 7;//键盘弹出的节奏、
        UIKeyboardAnimationDurationUserInfoKey = "0.25";//键盘弹出动画执行的时间
        UIKeyboardBoundsUserInfoKey = "NSRect: {{0, 0}, {375, 258}}";
        UIKeyboardCenterBeginUserInfoKey = "NSPoint: {187.5, 796}";
        UIKeyboardCenterEndUserInfoKey = "NSPoint: {187.5, 538}";
    
    //弹出键盘:
        UIKeyboardFrameBeginUserInfoKey = "NSRect: {{0, 667}, {375, 258}}";//键盘弹出前的frame
        UIKeyboardFrameEndUserInfoKey = "NSRect: {{0, 409}, {375, 258}}";//键盘弹出后的frame,说明键盘的上移后y为409,高度为258.
        UIKeyboardIsLocalUserInfoKey = 1;
    }}
    

    这其中就以字典的形式存放了 键盘弹出的节奏、时间、键盘弹出前后的 frame 等等内容。以此我们可以通过 notification 获取键盘的 frame 的 y 值已确定视图需要上移的高度。前面给出的 UIKeyboard…Key 就是字典需要的关键字了。

    //1. 获取键盘的 Y 值
    CGRect keyboardFrame = [notification.userInfo[UIKeyboardFrameEndUserInfoKey] CGRectValue];
    //或者  keyboardFrame = [[notification.userInfo objectForKey:@"UIKeyboardFrameEndUserInfoKey"] CGRectValue];
    
    //注意从字典取出来的是对象,而 CGRect CGFloat 都是基本数据类型,一次需要转换
    
    CGFloat keyboardY = keyboardFrame.origin.y;
    

    移动主视图可以通过修改 self.view 的 frame、center、或者是 transform 属性来进行变形。这里以 transform 为例。主视图上移或者下移时移动到的位置应该是 keyboardY – self.view.frame.size.height ,即 主视图原位置为 0 ,弹出时上移移动到 “-键盘的高度”。隐藏时下移移动到 0。代码为:

    self.view.transform = CGAffineTransformMakeTranslation(0, keyboardY - self.view.frame.size.height);
    

    实现键盘隐藏界面下移
    首先需要给 tableView 添加代理,设置代理对象为 ViewController,然后自定义方法:

    - (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView{
        [self.view endEditing:YES];//结束编辑状态,即可以关闭键盘
    }
    

    界面上移的动画效果
    可以由此前的 notification 的 userInfo 内容可以知道,键盘上移的动画时间是 0.25s 。而 self.view 移动理论上是瞬时的(在我的 iOS 11.1 的动画是和键盘同步的,但是在之前看的教程中 iOS 8 里系统中是瞬时的,我上网查了也没找到原因,肯能是 apple 对此作了优化,但是为了保险起见还是手动设置界面上移的动画效果),另外动画移动的节奏也要与键盘一致。将代码修改为:

    double timeInterval = [[notification.userInfo objectForKey:@"UIKeyboardAnimationDurationUserInfoKey"] doubleValue];
    
    NSInteger animationOption = [notification.userInfo[UIKeyboardAnimationCurveUserInfoKey] integerValue];
    
    [UIView animateWithDuration:timeInterval delay:0.0 options:animationOption << 16  animations:^{
        self.view.transform = CGAffineTransformMakeTranslation(0, keyboardY - self.view.frame.size.height);
    } completion:nil];
    

    至此键盘处理完成~

    相关文章

      网友评论

        本文标题:iOS_键盘弹出视图上移效果

        本文链接:https://www.haomeiwen.com/subject/gkxvgxtx.html