[分享]iOS开发-实现view底部控件随着键盘的弹出而上移的效果

比特逐光师
• 阅读 8294

首先说一下思路:
想要达到底部控件随着键盘的弹出而上移的效果,那么我们必然需要的到键盘在弹出时的高度,以及原点坐标。
说白了我们的大致思路就是,用view的高度-键盘弹出时的高度,得到的值就是底部控件与view底部之间的距离,在整个效果完成的过程中,我们只需要调整控件与底部之间的距离即可,而不是控件与键盘之间的距离,这是一个思路。
值得注意的是,随着iphone6s以及plus的推出,iphone的键盘高度再也不是传统固定的216,而是动态增加的。
所以,我要要得到键盘的高度及原点坐标,也就是fram,这就需要用通知对键盘实施监听。
当然,还有一种思路也是大同小异,用通知监听键盘frame,然后得到键盘的Y值和你的控件的最大Y值比较,如果键盘的frame的y值小于你控件最大的y值,就让你的ui控件向上移动。


下面就来具体看看如何实现:

1.首先,我们在storyboard中找到这个底部控件outLayout的bottom约束,也就是找到这个控件与view底部的约束距离,如图:
[分享]iOS开发-实现view底部控件随着键盘的弹出而上移的效果

找到后,将这个约束在.m中关联一个输出口,这样我们就得到一个全局的NSLayoutConstraint属性,来控制这个控件的constraint,如图:
[分享]iOS开发-实现view底部控件随着键盘的弹出而上移的效果

2.最重要的一步,我们来完成实现view底部控件随着键盘的弹出而上移的效果的方法

-(void)keyboardAppear:(NSNotification *)aNotification
{
    NSDictionary * userInfo = aNotification.userInfo;
    CGRect frameOfKeyboard = [userInfo[UIKeyboardFrameEndUserInfoKey] CGRectValue];
    CGRect frame = self.view.frame;
                              
    CGFloat height = frame.size.height - frameOfKeyboard.origin.y + 64;//加64是因为存在navigation导致view本身就整体下移了64个单位
    self.bottomSpacingConstraint.constant = height;
}

上面这个方法中的思路我来解释一下,首先我们声明一个NSDictionary来储存aNotification中的userInfo,可以简单地说,aNotification中储存着这个键盘中的所有被监听的属性信息,具体有什么内容可以自己讲其打印出来查看。然后,我们再分别获取到键盘和view的frame,最重要的地方来了,也是整个方法的核心思路:就是用view的高度减去键盘的y值,那么得到的就是键盘的最上面的点和view底部的间距,这也就是我们想要得到的控件上移时与view底部的距离,由于我们在storyboard中设置了outLayout的底部约束,所以,只要将我们最开始声明的全局NSLayoutConstraint属性(也就是底部约束)的constant重新赋值成我们得到的间距,就完成了这种效果的生成条件。

3.完成上述步骤后,我们在viewDidLoad中声明如下两个通知,如下:

//键盘弹出时
[[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(keyboardAppear:) name:UIKeyboardWillShowNotification object:nil];
//键盘消失时
[[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(keyboardAppear:) name:UIKeyboardWillHideNotification object:nil];

在键盘弹出时,我们调用keyboardAppear方法,由于键盘弹出,我们得到的是弹出的键盘的y与view底部的间距,当键盘撤销时,我们得到的同样是撤销后的键盘的y(也就是0,因为已经消失了,高度为0)与view底部的间距。

我写这些博客的目的,是希望大家看了之后能得到一些思路上的启发,而不是单纯的机械记方法和写代码,程序是靠思路去创造的,望诸君共勉。

最后,我们来看一下运行后的效果:
[分享]iOS开发-实现view底部控件随着键盘的弹出而上移的效果

[分享]iOS开发-实现view底部控件随着键盘的弹出而上移的效果

点赞
收藏
评论区
推荐文章
blmius blmius
3年前
MySQL:[Err] 1292 - Incorrect datetime value: ‘0000-00-00 00:00:00‘ for column ‘CREATE_TIME‘ at row 1
文章目录问题用navicat导入数据时,报错:原因这是因为当前的MySQL不支持datetime为0的情况。解决修改sql\mode:sql\mode:SQLMode定义了MySQL应支持的SQL语法、数据校验等,这样可以更容易地在不同的环境中使用MySQL。全局s
美凌格栋栋酱 美凌格栋栋酱
6个月前
Oracle 分组与拼接字符串同时使用
SELECTT.,ROWNUMIDFROM(SELECTT.EMPLID,T.NAME,T.BU,T.REALDEPART,T.FORMATDATE,SUM(T.S0)S0,MAX(UPDATETIME)CREATETIME,LISTAGG(TOCHAR(
皕杰报表之UUID
​在我们用皕杰报表工具设计填报报表时,如何在新增行里自动增加id呢?能新增整数排序id吗?目前可以在新增行里自动增加id,但只能用uuid函数增加UUID编码,不能新增整数排序id。uuid函数说明:获取一个UUID,可以在填报表中用来创建数据ID语法:uuid()或uuid(sep)参数说明:sep布尔值,生成的uuid中是否包含分隔符'',缺省为
风花雪月 风花雪月
4年前
Treeview的属性
属性描述class定义Treeview控件的名字columnTreeview控件中,列的名字cursor鼠标经过Treeview控件的时候的形状displaycolumns定义Treeview控件列显示的次序heightTreeview控件的高度,以行为单位padding定义Treeview控件与边框之间的填充值selectmode定义鼠标点击之
御弟哥哥 御弟哥哥
4年前
android view 常用的6种 View 的滑动方法
View的滑动是Android实现自定义控件的基础,实现View滑动有很多种方法,在这里主要讲解6种滑动方法,分别是layout()、offsetLeftAndRight()与offsetTopAndBottom()、LayoutParams、动画、scollTo与scollBy,以及Scroller。  View的滑动是Android
Stella981 Stella981
3年前
Android RecyclerView使用GridLayoutManager间距设置
使用RecyclerView设置间距,需要重写RecyclerView.ItemDecoration这个类。有如下的效果图需要实现,间距只有中间的格子和底部的格式之间有。Paste\_Image.png实现方法很简单,因为这个效果是每一行有3个格子,只要每行的第一个格式左边间距为0即可以。其他都设置左边距和底部距离。代码如下:publ
Stella981 Stella981
3年前
GitHub中最强大的iOS Notifications和AlertView框架,没有之一!
!(https://static.oschina.net/uploads/img/201702/26233502_EckL.png)FFToast是一个非常强大的iOSmessagenotifications和AlertView扩展。它可以很容易实现从屏幕顶部、屏幕底部和屏幕中间弹出一个通知。你可以很容易的自定义弹出的View.Git
Easter79 Easter79
3年前
Twitter的分布式自增ID算法snowflake (Java版)
概述分布式系统中,有一些需要使用全局唯一ID的场景,这种时候为了防止ID冲突可以使用36位的UUID,但是UUID有一些缺点,首先他相对比较长,另外UUID一般是无序的。有些时候我们希望能使用一种简单一些的ID,并且希望ID能够按照时间有序生成。而twitter的snowflake解决了这种需求,最初Twitter把存储系统从MySQL迁移
Stella981 Stella981
3年前
Flutter BottomSheet底部弹窗效果
BottomSheet是一个从屏幕底部滑起的列表(以显示更多的内容)。你可以调用showBottomSheet()或showModalBottomSheet弹出import'package:flutter/material.dart';import'dart:async';classBottomSheetDem
Wesley13 Wesley13
3年前
IOS中键盘自动隐藏
前言很多时候当我们在一个文本框中输入信息后,按了确认或者返回键需要隐藏键盘,或者在其他空白区域点击屏幕后也需要隐藏屏幕。这时肯定就需要让相应的控件响应Tap事件(点击事件),这样我们才能处理。实现隐藏的两种方法在IOS中有一个概念叫FirstResponder,意指第一响应者,也就是当前屏幕上,处于焦点状态的控件,它是第一响
Stella981 Stella981
3年前
Qt5中表格处理大数据量
在Qt中如果是普通项目,GUI处理展现的数据量不大,一般用QTableWidget,QTreeWidget这样的控件就满足了,但是如果数据量行数达到了几万行,那么Widget的展示性能就偏差了。Qt中提供了一种Model/View的编程方式来处理数据,也就是展示层和数据层分离,这样就解耦了。一旦Model的状态改变,它会自动渲染到View控件。这样的机制