iOS键盘动画细节

栏目: IOS · 发布时间: 6年前

内容简介:很久没写技术文章里,本篇记录了一下一个键盘弹出的小细节动画,像微信一样流程上图

iOS键盘动画细节

很久没写技术文章里,本篇记录了一下一个键盘弹出的小细节动画,像微信一样流程

上图

iOS键盘动画细节

动画细节代码

细节核心主要是通知中的一些key

  • 动画时长
  • 动画的出现方式

下面的通知是接收 键盘将要出现的通知 UIKeyboardWillShowNotification

[[NSNotificationCenter defaultCenter] addObserver:self
 selector:@selector(didReceiveKeyboardShowNotification:)
 name:UIKeyboardWillShowNotification
 object:nil];

然后是实现的核心代码

- (void)didReceiveKeyboardShowNotification:(NSNotification *)noti {
 NSDictionary *userInfo = noti.userInfo;
 NSTimeInterval animationDuration;
 UIViewAnimationCurve animationCurve;
 CGRect keyboardFrame;
 [[userInfo objectForKey:UIKeyboardAnimationCurveUserInfoKey] getValue:&animationCurve];
 [[userInfo objectForKey:UIKeyboardAnimationDurationUserInfoKey] getValue:&animationDuration];
 [[userInfo objectForKey:UIKeyboardFrameEndUserInfoKey] getValue:&keyboardFrame];
 
 UIViewAnimationOptions animationOptions = animationCurve << 16;
 
 self.bottomConstrains.offset = -CGRectGetHeight(keyboardFrame);
 [UIView animateWithDuration:animationDuration delay:0. options:animationOptions animations:^{
 [self.view setNeedsUpdateConstraints];
 [self.view layoutIfNeeded];
 } completion:^(BOOL finished) {
 
 }];
}

self.bottomConstrains.offset = -CGRectGetHeight(keyboardFrame); 是我写的约束 详细请参考demo

键盘消失也是一样的 UIKeyboardWillHideNotification 接收这个key

[[NSNotificationCenter defaultCenter] addObserver:self
 selector:@selector(didReceiveKeyboardHideNotification:)
 name:UIKeyboardWillHideNotification
 object:nil];

消失的时候 把约束偏移量设置 0 即可

- (void)didReceiveKeyboardHideNotification:(NSNotification *)noti {
 NSDictionary *userInfo = noti.userInfo;
 NSTimeInterval animationDuration;
 UIViewAnimationCurve animationCurve;
 CGRect keyboardFrame;
 [[userInfo objectForKey:UIKeyboardAnimationCurveUserInfoKey] getValue:&animationCurve];
 [[userInfo objectForKey:UIKeyboardAnimationDurationUserInfoKey] getValue:&animationDuration];
 [[userInfo objectForKey:UIKeyboardFrameEndUserInfoKey] getValue:&keyboardFrame];
 
 UIViewAnimationOptions animationOptions = animationCurve << 16;
 self.bottomConstrains.offset = 0;
 [UIView animateWithDuration:animationDuration delay:0. options:animationOptions animations:^{
 [self.view setNeedsUpdateConstraints];
 [self.view layoutIfNeeded];
 } completion:^(BOOL finished) {
 
 }];
}

self.bottomConstrains.offset = 0; //设置偏移量会原来位置

利用Masonry做的动画

最后 别忘记移除通知

- (void)dealloc {
 [[NSNotificationCenter defaultCenter] removeObserver:self];
}

总结

键盘弹出这个微小的细节 很容易被大家忽视,写这篇文章是为了记录知识和技巧,希望各位多多指教

Demo点击这里下载

全文完


以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

你也能看得懂的Python算法书

你也能看得懂的Python算法书

王硕,董文馨,张舒行,张洁 著 / 电子工业出版社 / 2018-11-1 / 59.00

编程的核心是算法,学习算法不仅能教会你解决问题的方法,而且还能为你今后的发展提供一种可能。 《你也能看得懂的Python算法书》面向算法初学者,首先介绍当下流程的编程语言Python,详细讲解Python语言中的变量和循序、分支、循环三大结构,以及列表和函数的使用,为之后学习算法打好基础。然后以通俗易懂的语言讲解双指针、哈希、深度优先、广度优先、回溯、贪心、动态规划和至短路径等经典算法。 ......一起来看看 《你也能看得懂的Python算法书》 这本书的介绍吧!

HTML 压缩/解压工具
HTML 压缩/解压工具

在线压缩/解压 HTML 代码

JSON 在线解析
JSON 在线解析

在线 JSON 格式化工具

HSV CMYK 转换工具
HSV CMYK 转换工具

HSV CMYK互换工具