键盘弹出时会覆盖文本框怎么解决

在一些网站登陆界面，我们经常会见到，键盘的出现与隐藏操作，那么基于代码是如何实现的呢？下面小编写了具体代码介绍，特此分享到我们平台，供大家参考

先给大家展示下效果图：

具体代码如下所示：

#import "ViewController.h"
#import "UIView+FrameExtension.h" // 可以自己写，以后用着方便
#define kDeviceHeight [UIScreen mainScreen].bounds.size.height
@interface ViewController ()
@end
@implementation ViewController
- (void)viewDidLoad {
[super viewDidLoad];
// 设置视图的背景色
self.view.backgroundColor = [UIColor lightGrayColor];
// 添加第一个文本框 假定位置
UITextField *firstField = [[UITextField alloc]initWithFrame:CGRectMake(50, 300, 200, 40)];
firstField.backgroundColor = [UIColor whiteColor];
[self.view addSubview:firstField];
// 添加第一个文本框
UITextField *secondField = [[UITextField alloc]initWithFrame:CGRectMake(firstField.x, firstField.bottom + 50, firstField.width , firstField.height)];
[self.view addSubview:secondField];
secondField.backgroundColor = [UIColor whiteColor];
// 注册键盘显示的通知
[[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(showKeyboard:) name:UIKeyboardWillShowNotification object:nil];
// 注册键盘隐藏的通知
[[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(hideKeyboard: ) name:UIKeyboardWillHideNotification object:nil];
}
// 键盘弹出时执行这个方法，
-(void)showKeyboard:(NSNotification *)notification{
// 定义一个文本框，指向正在编辑的文本框，也就是弹出键盘的文本框
UITextField *txtField;
// 今次遍历当前视图的所有子视图， subViews数组保存的是当前视图所有的子视图
for (UIView *subView in self.view.subviews) {
// 如果这个子视图是一个文本框的话，isKindOfClass方法可以判断某个变量是不是某个类型的变量
if ([subView isKindOfClass:[UITextField class]]) {
// 先把这个子视图转化为文本框
UITextField *tempField = (UITextField *)subView;
// 再判断这个文本框是不是正在编辑
if (tempField.isEditing ) {
// 如果这个文本框正在编辑，就是我要找的文本框，中断循环
txtField = tempField;
break;
}
}
}
NSLog(@"%@", notification);
// 获取通知的userInfo属性
NSDictionary *userInfoDict = notification.userInfo;
// 通过键盘通知的userInfo属性获取键盘的bounds
NSValue *value = [userInfoDict objectForKey:UIKeyboardBoundsUserInfoKey];
// 键盘的大小
CGSize keyboardSize = [value CGRectValue].size;
// 键盘高度
CGFloat keyboardHeight = keyboardSize.height;
CGFloat offset = kDeviceHeight - keyboardHeight - txtField.bottom ;
if (offset < 0 ) { //这种情况下需要上移
offset = offset - 10 ; //保存上移的高度
[UIView animateWithDuration:0.5 animations:^{
self.view.transform = CGAffineTransformMakeTranslation(0, offset );
}];
}
}
-(void)hideKeyboard:(NSNotification *)notification{
[UIView animateWithDuration:2 animations:^{
self.view.transform = CGAffineTransformIdentity;
}];
}
// 点击屏幕空白时隐藏键盘
-(void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event{
[self.view endEditing:YES];
}
@end

关于键盘弹出与隐藏代码就给大家介绍到这里，希望对大家有所帮助！

赞 (0)

相关推荐

  • Android键盘显示与隐藏代码

    Java代码 复制代码 代码如下: InputMethodManager imm = (InputMethodManager)getSystemService(SendActivity.this.INPUT_METHOD_SERVICE); //显示键盘 imm.showSoftInput(editText, 0); //隐藏键盘 imm.hideSoftInputFromWindow(editText.getWindowToken(), 0);

  • C#隐藏控制台键盘输入的方法

    本文实例讲述了C#隐藏控制台键盘输入的方法.分享给大家供大家参考.具体如下: using System; namespace RobvanderWoude { class HideInput { static int Main( string[] args ) { try { bool clearscreen = false; if ( args.Length > 1 ) { return WriteError( "Too many command line arguments"

  • Android编程实现webview执行loadUrl时隐藏键盘的workround效果

    本文实例讲述了Android编程实现webview执行loadUrl时隐藏键盘的workround效果.分享给大家供大家参考,具体如下: webview执行loadUrl时隐藏键盘的workround 在写webapp的时候,经常需要用JS调用Java方法,java方法执行完毕以后,再回调JS函数来做一些事情,而webview调用js的时候是通过loadUrl方法的,一执行loadUrl就会隐藏软键盘.因为每次loadUrl操作都会调用clearHelpers方法 clearHelpers方法中

  • Android键盘自动弹出解决方法分析

    本文实例分析了Android键盘自动弹出解决方法.分享给大家供大家参考,具体如下: 1.在: 复制代码 代码如下: activity android:name=".Uninstaller" android:label="@string/app_name" android:windowSoftInputMode="adjustPan" 加入了: 复制代码 代码如下: android:windowSoftInputMode="adjustP

  • 解析android中隐藏与显示软键盘及不自动弹出键盘的实现方法

    1.//隐藏软键盘    ((InputMethodManager)getSystemService(INPUT_METHOD_SERVICE)).hideSoftInputFromWindow(WidgetSearchActivity.this.getCurrentFocus().getWindowToken(), InputMethodManager.HIDE_NOT_ALWAYS); 2.//显示软键盘,控件ID可以是EditText,TextView    ((InputMethodMa

  • Android实现弹出键盘的方法

    本文实例讲述了Android实现弹出键盘代码,是一个非常实用的功能.代码非常简洁.分享给大家供大家参考. 具体功能代码如下: Timer timer = new Timer(); timer.schedule(new TimerTask() { @Override public void run() { InputMethodManager m = (InputMethodManager) editText.getContext().getSystemService(Context.INPUT_

  • 解决ios模拟器不能弹出键盘问题的方法

    解决ios模拟器不能弹出键盘问题的方法

    其实这个问题,多多少少的新人都遇到过,主要可能是我们误使用快捷键切换造成的!   解决办法:如上图:切换模拟器到前台,画红线的第一个意思是连接实体键盘,选中的话就是在模拟器上我们直接可以使用外接键盘进行输入:第二行画横线的意思就是使用软键盘!如果模拟器不能弹出键盘,我们可以手动去掉第一行画红线的选中状态,或者直接使用快捷键commod + k 切换,如果需要使用实体键盘,选中第一行红线的选项,或者使用快捷键shift + commod +k 切换! 问题就这样解决了,希望这篇短小的文章对大家的学

  • 键盘弹出时会覆盖文本框怎么解决

    键盘弹出时会覆盖文本框怎么解决

    在一些网站登陆界面,我们经常会见到,键盘的出现与隐藏操作,那么基于代码是如何实现的呢?下面小编写了具体代码介绍,特此分享到我们平台,供大家参考 先给大家展示下效果图: 具体代码如下所示: #import "ViewController.h" #import "UIView+FrameExtension.h" // 可以自己写,以后用着方便 #define kDeviceHeight [UIScreen mainScreen].bounds.size.height @

  • Android输入法弹出时覆盖输入框问题的解决方法

    当一个activity中含有输入框时,我们点击输入框,会弹出输入法界面,整个界面的变化效果与manifest中对应设置的android:windowSoftInputMode属性有关,一般可以设置的值如下, <activity android:windowSoftInputMode=[ "stateUnspecified", "stateUnchanged", "stateHidden", "stateAlwaysHidden&q

  • Android判断软键盘弹出并隐藏的简单完美解决方法(推荐)

    最近项目中有一个编辑框,下面是个ListView.在触发编辑框弹出软键盘后,ListView还能滑动,并且ListView的item还能响应单击.这样的体验效果很不好.于是便想在滑动或单击item时判断键盘是否弹出,若弹出,则把它隐藏. 网上一搜,发现Android并没有直接提供软键盘的弹出与隐藏判断,一些解决方案诸如判断父控件的高度或者判断 if(getWindow().getAttributes().softInputMode==WindowManager.LayoutParams.SOFT

  • android虚拟键盘弹出遮挡登陆按钮问题的解决方法

    android虚拟键盘弹出遮挡登陆按钮问题的解决方法

    Android虚拟键盘的弹起会遮挡住部分ui,虽然通过在清单文件中设置,可以随着虚拟键盘的弹出,布局往上推,但是面对登陆界面时,并没有太大的作用,这样就会导致用户体验不好:开发中既然出现了就的解决:先说先解决的思路:获取到屏幕的高度.虚拟键盘的高度,布局的高度,用屏幕的高度减去布局的高度,用高度差和虚拟键盘的高度进行对比:代码实现如下: private LinearLayout logo_layout; private ImageView iv_logo; private int sh; pri

  • 父窗口获取弹出子窗口文本框的值

    <script defer>function browser.onclick(){var nW = window.open("","","width=170,height=200");nW.moveTo(300,100);nW.document.write("<script defer>\r"+"var m=true;\r"+"function insert.onclick

  • 解决Android软键盘弹出覆盖h5页面输入框问题

    之前我们在使用vue进行 h5 表单录入的过程中,遇到了Android软键盘弹出,覆盖 h5页面 输入框 问题,在此进行回顾并分享给大家: 系统:Android 条件:当输入框在可视区底部或者偏下的位置 触发条件:输入框获取焦点,弹出软键盘 表现:软键盘 覆盖 h5页面中的输入框 问题分析: 1.发现问题:当前页面中box为flex布局,内容为上下固定高,中间自适应(中间区域内容过多会出现滚动条,input框在wrapper的底部),input获取焦点,手机键盘弹出,input未上移到可视区内,

  • 手机软键盘弹出时影响布局的解决方法

    移动端软键盘弹出时影响布局该如何解决 1)前段时间作的移动端页面,因为高度只有1页所以用了height:100%;width:100%; ios下点击输入框弹出软键盘时,布局没有大影响. 当输入框可能被软键盘压到时,在一部分安卓下却出了问题,华为自带浏览器和UC会有布局上的问题. 原因可能是因为,软键盘弹出时,改变了height,使height:100%,不能达到原来的高度. 解决办法: $(document).ready(function () { $('body').height($('bo

  • iOS项目开发键盘弹出遮挡输入框问题解决方案

    在iOS或Android等移动端开发过程中,经常遇到很多需要我们输入信息的情况,例如登录时要输入账号密码.查询时要输入查询信息.注册或申请时需要填写一些信息等都是通过我们键盘来进行输入的,在iOS开发过程中,一般用于进行输入信息的有两类:UITextField和UITextView,前者是单行输入文本框,后者是可滑动的多行输入文本框,在这整个开发过程中,我们需要控制键盘的弹出和收起.在输入结束的时候获取输入的信息,此外,我们还需要保证在键盘弹起的时候不遮挡我们输入的文本框.今天,我们就主要来说一

  • Android监听软键盘弹出与隐藏的两种方法

    需求: 现在有一个需求是点击一行文本框,弹出一个之前隐藏的输入框,输入完成后按返回键或者其他的东西隐藏键盘和输入框,将输入框的内容填充到文本框中. 实现: 拿到这个需求的第一反应就是写一个监听来监听键盘的显示和隐藏来控制输入框的显示和隐藏,控制文本框中的内容. 所以我做了如下操作: 指定android:windowSoftInputMode="adjustResize|stateAlwaysHidden"这个的做法是为了让键盘弹出时改变布局. 让Activity实现Layoutchan

  • js与css实现弹出层覆盖整个页面的方法

    本文实例讲述了js与css实现弹出层覆盖整个页面的方法.分享给大家供大家参考.具体实现方法如下: 弹出层透明背景加框的常用样式和结构如下: 复制代码 代码如下: .alertMessageBg{ position:fixed; _position:absolute; width:100%; height:100%; left:0; top:0; background:#000; opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50); z-

随机推荐