美文网首页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