iOS键盘动画细节

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

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

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点击这里下载

全文完


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

查看所有标签

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

程序员面试金典(第5版)

程序员面试金典(第5版)

[美] Gayle Laakmann McDowell / 李琳骁、漆 犇 / 人民邮电出版社 / 2013-11 / 59.00

本书是原谷歌资深面试官的经验之作,层层紧扣程序员面试的每一个环节,全面而详尽地介绍了程序员应当如何应对面试,才能在面试中脱颖而出。第1~7 章主要涉及面试流程解析、面试官的幕后决策及可能提出的问题、面试前的准备工作、对面试结果的处理等内容;第8~9 章从数据结构、概念与算法、知识类问题和附加面试题4 个方面,为读者呈现了出自微软、苹果、谷歌等多家知名公司的150 道编程面试题,并针对每一道面试题目......一起来看看 《程序员面试金典(第5版)》 这本书的介绍吧!

图片转BASE64编码
图片转BASE64编码

在线图片转Base64编码工具

MD5 加密
MD5 加密

MD5 加密工具

Markdown 在线编辑器
Markdown 在线编辑器

Markdown 在线编辑器