微信开发swift实现ios类似微信输入框跟随键盘弹出的效果
白羽 2019-05-23 来源 :网络 阅读 1611 评论 0

摘要:本文将带你了解微信开发swift实现ios类似微信输入框跟随键盘弹出的效果,希望本文对大家学微信有所帮助。

    本文将带你了解微信开发swift实现ios类似微信输入框跟随键盘弹出的效果,希望本文对大家学微信有所帮助。


微信开发swift实现ios类似微信输入框跟随键盘弹出的效果



   
    为什么要做这个效果
      在聊天app,例如微信中,你会注意到一个效果,就是在你点击输入框时输入框会跟随键盘一起向上弹出,当你点击其他地方时,输入框又会跟随键盘一起向下收回,二者完全无缝连接,那么这是怎么实现的呢,也许你会说直接在键盘弹出的时候把输入框也向上移动不就行了?但是我使用这种方法的时候,发现效果十分不理想,会有明显的滞后现象,原因有以下几点:
    1.键盘弹出动画并不是匀速,键盘和输入框的时间曲线不完全一致,运动不同步
    2.各种键盘的高度不一样(比如搜狗输入法就比系统自带键盘要高)
    3.无法确定键盘动画的时间,会导致延迟
   
    解决方案
    使用本地通知,对键盘的状态(弹出、收回)进行监控,当键盘状态发生改变时,在相应的方法中对输入框的位置进行操作。
   
    这里应用了两种在ios编程中很重要的思想:Key-value coding (KVC) 和 key-value observing   (KVO)
   
      1.使用NSNotificationCenter.defaultCenter().addObserver()添加对UIKeyboardWillShowNotification和UIKeyboardWillHideNotification键的监控,当这些值发生改变时发送通知
   
          NSNotificationCenter.defaultCenter().addObserver(self,   selector:""keyBoardWillShow:"",   name:UIKeyboardWillShowNotification, object: nil)      NSNotificationCenter.defaultCenter().addObserver(self,   selector:""keyBoardWillHide:"",   name:UIKeyboardWillHideNotification, object: nil)
    2.实现两个监控方法
   
    实现键盘弹出的方法:
   
    func keyBoardWillShow(note:NSNotification){    //1      let userInfo  = note.userInfo   as! NSDictionary    //2    var    keyBoardBounds = (userInfo[UIKeyboardFrameEndUserInfoKey] as!   NSValue).CGRectValue()    let duration   = (userInfo[UIKeyboardAnimationDurationUserInfoKey] as!   NSNumber).doubleValue    //3    var keyBoardBoundsRect =   self.view.convertRect(keyBoardBounds, toView:nil)    //4      var keyBaoardViewFrame = keyBaordView.frame    var deltaY =   keyBoardBounds.size.height    //5    let animations:(() -> Void) = {        self.keyBaordView.transform =   CGAffineTransformMakeTranslation(0,-deltaY)      if duration > 0 {        let   options =   UIViewAnimationOptions(UInt((userInfo[UIKeyboardAnimationCurveUserInfoKey]   as! NSNumber).integerValue << 16))        UIView.animateWithDuration(duration,   delay: 0, options:options, animations: animations, completion: nil)    }else{        animations()    }}
    代码分析
   
    //1
   
    let userInfo  = note.userInfo as!   NSDictionary
    将通知的用户信息取出,转化为字典类型,里面所存的就是我们所需的信息:键盘动画的时长、时间曲线;键盘的位置、高度信息。有了这些信息我们就可以do   some magic了~
    //2
    通过对应的键UIKeyboardFrameEndUserInfoKey,取出键盘位置信息
    通过UIKeyboardAnimationDurationUserInfoKey,取出动画时长信息
    //3
   
    var keyBoardBoundsRect = self.view.convertRect(keyBoardBounds,   toView:nil)
    由于取出的位置信息是绝对的,所以要将其转换为对应于当前view的位置,否则位置信息会出错!
    //4
   
       var keyBaoardViewFrame =   keyBaordView.frame   var deltaY =   keyBoardBounds.size.height
    保存下输入框的位置信息和y坐标需要变换的量以便后面调用
   
    //5
   
        let animations:(() -> Void) =   {        self.keyBaordView.transform =   CGAffineTransformMakeTranslation(0,-deltaY)      if duration > 0 {        let   options =   UIViewAnimationOptions(UInt((userInfo[UIKeyboardAnimationCurveUserInfoKey]   as! NSNumber).integerValue << 16))        UIView.animateWithDuration(duration,   delay: 0, options:options, animations: animations, completion: nil)    }else{        animations()    }}
      首先使用仿射变换CGAffineTransformMakeTranslation,使输入框的高度减少deltaY也就是跟随键盘的位置向上移动;
   
    此处难点在这里
     let options =   UIViewAnimationOptions(UInt((userInfo[UIKeyboardAnimationCurveUserInfoKey]   as! NSNumber).integerValue << 16))
    这里是将时间曲线信息(一个64为的无符号整型)转换为UIViewAnimationOptions类型,要通过左移16来完成类型转换。
   
    这个方法是在一个比较著名的解决bug的网站stackoverflow里找到的。
   
    自我感觉这是比较坑的地方,它居然没有用来进行类型转换的方法,竟然还得要位!运!算!不过相信今后这个坑会被apple填上吧。。
   
    然后呢就是把这些东西全部装进UIView的动画函数中,执行动画。
   
     UIView.animateWithDuration(duration,   delay: 0, options:options, animations: animations, completion: nil)
    这样键盘弹出的方法就完全实现了!
   
    接下来就是收回键盘的部分了:
      这部分呢就比较简单了,收回键盘时只需要动画时长duration和时间曲线信息options所以只要留下他们就行了,然后再将输入框的位置还原即可,这里有一个很巧妙的办法
   
    self.keyBaordView.transform = CGAffineTransformIdentity
    这样就可以还原所有变换~
    下面是该方法的实现:
   
    func keyBoardWillHide(note:NSNotification){    let userInfo  = note.userInfo as! NSDictionary    let duration =   (userInfo[UIKeyboardAnimationDurationUserInfoKey] as!   NSNumber).doubleValue    let   animations:(() -> Void) = {          self.keyBaordView.transform = CGAffineTransformIdentity    }      if duration > 0 {        let   options =   UIViewAnimationOptions(UInt((userInfo[UIKeyboardAnimationCurveUserInfoKey]   as! NSNumber).integerValue << 16))        UIView.animateWithDuration(duration,   delay: 0, options:options, animations: animations, completion: nil)    }else{        animations()    }}
      实际上这个方法不会运行,因为并没有判断是否应该收回键盘,我的解决方法是当手指点击输入框之上的任何地方就会收回键盘,这个在我的完整demo会看到。
   

本文由职坐标整理并发布,希望对同学们有所帮助。了解更多详情请关注职坐标移动开发之微信频道!

本文由 @白羽 发布于职坐标。未经许可,禁止转载。
喜欢 | 0 不喜欢 | 0
看完这篇文章有何感觉?已经有0人表态,0%的人喜欢 快给朋友分享吧~
评论(0)
后参与评论

您输入的评论内容中包含违禁敏感词

我知道了

助您圆梦职场 匹配合适岗位
验证码手机号,获得海同独家IT培训资料
选择就业方向:
人工智能物联网
大数据开发/分析
人工智能Python
Java全栈开发
WEB前端+H5

请输入正确的手机号码

请输入正确的验证码

获取验证码

您今天的短信下发次数太多了,明天再试试吧!

提交

我们会在第一时间安排职业规划师联系您!

您也可以联系我们的职业规划师咨询:

小职老师的微信号:z_zhizuobiao
小职老师的微信号:z_zhizuobiao

版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
 沪公网安备 31011502005948号    

©2015 www.zhizuobiao.com All Rights Reserved

208小时内训课程