开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

当键盘遮挡时，如何将textField带到视图中？

当键盘遮挡时，可以通过以下几种方式将textField带到视图中：

使用UIScrollView或其子类：将textField放置在UIScrollView中，并将其作为视图的子视图。当键盘弹出时，可以通过监听键盘的出现和消失事件，调整UIScrollView的contentInset属性，使textField可见并位于键盘上方。
使用UITableView或其子类：将textField放置在UITableView的某个UITableViewCell中，并将其作为视图的子视图。当键盘弹出时，可以通过监听键盘的出现和消失事件，调整UITableView的contentInset属性，使textField可见并位于键盘上方。
使用UIViewController的自动布局：使用Auto Layout约束来布局视图，确保textField与键盘之间有足够的空间。可以通过监听键盘的出现和消失事件，调整相关约束的constant值，使textField可见并位于键盘上方。
使用第三方库：有一些第三方库可以简化处理键盘遮挡问题，例如IQKeyboardManager、TPKeyboardAvoiding等。这些库可以自动处理键盘遮挡问题，无需手动调整视图。

需要注意的是，以上方法适用于iOS平台，对于其他平台可能有不同的实现方式。

腾讯云相关产品和产品介绍链接地址：

腾讯云官网：https://cloud.tencent.com/
云服务器（CVM）：https://cloud.tencent.com/product/cvm
云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
云原生容器服务（TKE）：https://cloud.tencent.com/product/tke
云存储（COS）：https://cloud.tencent.com/product/cos
人工智能（AI）：https://cloud.tencent.com/product/ai
物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
移动开发（移动推送、移动分析）：https://cloud.tencent.com/product/mps
区块链（BCS）：https://cloud.tencent.com/product/bcs
元宇宙（Tencent Meeting）：https://meeting.tencent.com/

相关搜索:Flutter:当聚焦TextField时键盘不显示当键盘关闭时，从TextField移除焦点 Nativescript -当TextField在安卓上返回时，保持键盘打开当安卓钛中的TextField获得焦点时，我们如何正确显示键盘？当键盘打开时，我如何将屏幕向上推，以便用户看到自动完成？当数据来自服务器并出现在列表视图中时，如何将进度条可见性设置为不可见？框架服务器网络控制其它播放器开机启动项设置开启gpu加速

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

UI篇－自定义控件中关于父试图中的键盘遮挡问题

我们平时在设计页面的时候,考虑到MVC的设计模式会出现很多层的试图分离，这里面就不可以避免的出现自定的控件。我在一次自定义控件中出现了以下问题，记录在案以供大家注意和参考。

01

【Flutter 专题】124 日常问题小结 (三) 自定义 Dialog 二三事

针对日常不同的需求，我们时常需要自定义 Dialog，而和尚在尝试过程中遇到一些小问题，简单记录总结一下；

07

iOS键盘防键盘遮挡库 KKInputAvoidKeyBoard 每个 UITextField 都可以自己控制

/* 键盘遮挡后，是否自动调整，防止键盘遮挡 */ var isAvoidKeyBoardEnable: Bool

04

react native 无侵入彻底解决键盘遮挡问题

iOS键盘防键盘遮挡库 KKInputAvoidKeyBoard 每个 UITextField 都可以自己控制

02

SwiftUI TextField 进阶 —— 事件、焦点、键盘

本文将探讨涉及 SwiftUI TextField 的事件、焦点切换、键盘设置等相关的经验、技巧和注意事项。

01

关于H5在移动端弹出下拉选项时遮挡输入框的问题

fixed定位的元素是相对于屏幕视口(viewport)进行定位的，当H5嵌入到app的webview中进行展示时，可以理解为：fixed是相对于webview进行定位的。

03

原生JS解决安卓机 input/textarea输入键盘遮盖输入框

h5开发时，input/textarea输入框在安卓手机中，获取焦点时，键盘会直接在页面上方弹出，如果你的输入框刚好在页面下方就会被弹出的键盘遮挡，也无法向上滑动使其显示，如下图所示：

04

iOS学习——tableview中带编辑功能的cell键盘弹出遮挡和收起问题解决

最近在项目中经常用到UITableView中的cell中带有UITextField或UITextView的情况，然后在这种场景下，当我们点击屏幕较下方的cell进行编辑时，这时候键盘弹出来会出现遮挡待输入的cell，导致我们无法很方便地查看到我们输入的内容，这样的体验是非常不好的。这个问题在之前我们的随笔iOS学习——键盘弹出遮挡输入框问题解决方案中也有讲过对应的解决方案，但是该方案在最近的应用中还有点小问题，我们在这里重新进行处理好。一主控制器为UITableViewController或其子类

08

h5页面在不同iOS设备上的问题总结

在做文章评论的功能时，会遇到很多兼容性的问题，在不同机型上的表现也很不一致，总结了以下这些问题。

02

掌握 SwiftUI 的 Safe Area

Safe Area（安全区域）是指不与导航栏、标签栏、工具栏或其他视图控制器提供的视图重叠的内容空间。

03

问题——持续更新

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/u010105969/article/details/48552831

02

iOS学习——键盘弹出遮挡输入框问题解决方案

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

06

【Flutter 专题】94 初识 MediaQuery

当我们同时为手机和平板适配编写 app 针对不同屏幕尺寸进行 UI 布局或当用户偏好设置较大字号或是想要最大限度等减少动画等；此时就需要 MediaQuery 来帮我们获取所用设备的信息以及用户设置的偏好信息；

03

移动端，input输入框被手机输入法解决方案

首先绑定触发元素（input）框，scrollIntoView(alignWithTop) 属性滚动浏览器窗口或容器元素，以便在当前视窗的可见范围看见当前元素。

02

关于input的一些问题解决方法分享

input是我们接受来自用户的数据常用标签，在前端开发中，相信每个人都会用到这个标签，所以在开发过程中也时候也会遇到一些问题，本文的内容是我在跟input相爱相杀过程中产生的，文章主要内容包括：

02

Android 软键盘遮挡解决

链接：https://www.jianshu.com/p/9eb57a8ff5e5

04

微信小程序解决ios页面上推问题

相信大家写原生小程序都遇到过一个问题，当输入框聚焦键盘弹起时，页面会自动上推，使得输入框刚好位于键盘之上，在安卓中推动的只是内容，但在ios中，推动的是整个页面，导致导航栏被推出屏幕外，如下：

03

H5 开发中常见的小问题

1.解决浏览器返回按钮不刷新的问题　　window.onpageshow = function(event) { 　　　　if (event.persisted) { 　　　　　　window.location.reload() 　　}}; 2.H5 中 JS 禁用安卓手机物理返回键　　XBack = {}; 　　(function(XBack) { 　　　　XBack.STATE = 'x - back'; 　　　　XBack.element; 　　　　XBack.onPopState = function(event) { 　　　　　　event.state === XBack.STATE && XBack.fire(); 　　　　　　XBack.record(XBack.STATE); //初始化事件时，push一下　　　　}; 　　　　XBack.record = function(state) { 　　　　　　history.pushState(state, null, location.href); 　　　　}; 　　　　XBack.fire = function() { 　　　　　　var event = document.createEvent('Events'); 　　　　　　event.initEvent(XBack.STATE, false, false); 　　　　　　XBack.element.dispatchEvent(event); 　　　　}; 　　　　XBack.listen = function(listener) { 　　　　　　XBack.element.addEventListener(XBack.STATE, listener, false); 　　　　}; 　　　　XBack.init = function() { 　　　　　　XBack.element = document.createElement('span'); 　　　　　　window.addEventListener('popstate', XBack.onPopState); 　　　　　　XBack.record(XBack.STATE); 　　　　}; 　　})(XBack); // 引入这段js文件　　XBack.init(); 　　XBack.listen(function() {});

01

按钮位置如何设计？看这篇足够了

不同的使用场景，对应的按钮位置布局不同。按钮位置如果放错，会导致用户操作不畅，甚至操作失败。

03

Android 仿UC浏览器详情页评论弹框效果

额，突然发现UC被我卸载了，这个是QQ浏览器的效果，不过都一样，如果当前页面不是全屏的话，把根布局设为相对布局，然后设置评论布局为处于底部，这样在点击评论时弹开键盘会触发布局重绘，底部的评论也会处于软键盘的上方，键盘消息，布局下移，但是我们要说的是全屏的情况下我们如何处理。首先要监听到软件盘弹起，然后再设置评论的popupWindow

03

Flutter开发中的一些Tips

学习Flutter也有一阵子了。闲着没事，用了公司一个已经凉凉的App设计图来练手。当然了接口不可能用的了，所以都是些死数据，实现效果可以说是很完美了（得到了设计的认可。。。）。当然自己也是边查边写，也借鉴了许多Github上优秀的Flutter项目。现在开源出来（附带设计图），供大家交流学习。希望多多Star、Fork支持，有问题可以Issue。附上链接：github.com/simplezhli/…

03

【Flutter 专题】64 图解基本 TextField 文本输入框 (一)

和尚最近在学习基础的 Flutter Widget，原因在于很多基础的组件有很多容易忽视的注意事项，了解并熟悉后对整体的开发认知会有所提升；今天和尚学习一下 TextField 文本输入框；

05

SwiftUI TextField进阶——格式与校验

SwiftUI的TextField可能是开发者在应用程序中最常使用的文本录入组件了。作为UITextField（NSTextField）的SwiftUI封装，苹果为开发者提供了众多的构造方法和修饰符以提高其使用的便利性、定制性。但SwiftUI在封装中也屏蔽了不少的高级接口和功能，增加了开发者实现某些特定需要的复杂性。本文为【SwiftUI 进阶】系列文章中的一篇，在本文中，我将介绍如何在TextField中实现如下功能：

02

iOS UITextField详解

除了UITextField对象的风格选项，你还可以定制化UITextField对象，为他添加许多不同的重写方法，来改变文本字段的显示行为。这些方法都会返回一个CGRect结构，制定了文本字段每个部件的边界范围。以下方法都可以重写。

03

在SwiftUI中使用UIKit视图

已迈入第三个年头的SwiftUI相较诞生初始已经提供了更多的原生功能，但仍有大量的事情是无法直接通过原生SwiftUI代码来完成的。在相当长的时间中开发者仍需在SwiftUI中依赖UIKit（AppKit）代码。好在，SwiftUI为开发者提供了便捷的方式将UIKit（AppKit）视图（或控制器）包装成SwiftUI视图。

02

自适应软键盘的Dialog以及监听软键盘弹起

最近项目中遇到一个需求：新手引导。跟一般的新手引导没有什么太大区别，思路都是搞一个带阴影的遮罩层，然后在上边儿给一些提示性的文字，由于需求中有些特殊的地方，所以我用了一个全屏的dialog（而且，di

03

NSNotificationCenter 通知的使用方法详解你要知道的KVC、KVO、Delegate、Notification都在这里

你要知道的KVC、KVO、Delegate、Notification都在这里转载请注明出处 https://cloud.tencent.com/developer/user/1605429 本系列文章主要通过讲解KVC、KVO、Delegate、Notification的使用方法，来探讨KVO、Delegate、Notification的区别以及相关使用场景，本系列文章将分一下几篇文章进行讲解，读者可按需查阅。 KVC 使用方法详解及底层实现 KVO 正确使用姿势进阶及底层实现 Protocol与Dele

06

iOS-UITextField 全面解析iOS中UITextField 使用全面解析UITextField的代理方法通知UITextField 在storyboard 中设置属性

iOS中UITextField 使用全面解析建议收藏，用到的时候来这里一查就都明白了 //初始化textfield并设置位置及大小 UITextField *text = [[UITextField alloc]initWithFrame:CGRectMake(20, 20, 130, 30)]; //设置边框样式，只有设置了才会显示边框样式 text.borderStyle = UITextBorderStyleRoundedRect; typedef NS_ENUM(NSInteger, UI

06

【IOS开发基础系列】UIAlertController专题

http://www.cocoachina.com/ios/20141126/10320.html

03

自定义键盘（二）[通俗易懂]

上一篇文章只是自定义了一个键盘的样式，并未和任何的输入框进行关联。只有和输入框进行关联才能是一个有用的键盘。不知道你有没有注意到应用市场上有这样一类app：第三方输入法app，比如讯飞输入法，搜狗输入法；

02

iOS UITextField 使用与方法解读

UITextField是IOS开发中用户交互中重要的一个控件，常被用来做账号密码框，输入信息框等。

01

ios学习——键盘的收起

在开发过程中，我们经常会用到UITextField、UITextView等文本框，然后这些文本框在点击之后会自动成为第一响应者（FirstResponder），并自动弹出软键盘。然而，没有自动定义好的软键盘的回收。今天，我在开发过程中就遇到了这个问题，首先，软键盘收起会发生在两种情况下，一是当前区域为非第一响应者，二是当前区域的输入结束。具体解决方案有两种： 1、在当前页面设置点击事件，当点击事件发生时，注销当前视图的第一响应者或者设置当前摄入结束。当点击事件发生在非选中区域时，则键盘会自动回收： 1

06

IOS中输入框被软键盘遮挡的解决办法

（在lb文件中将输入框的delegate设置为File’s Owner 。或者使用代码textField.delegate = self;

00

【指令篇】键盘附着指令调整软键盘

现在开始实现这个指令，新建指令之前添加Keyboard插件，一般我们的项目默认已经装上了的，我们只需安装相应的ionic-native子模块：

02

在 Text 中实现基于关键字的搜索和定位

前些日子，一位网友在聊天室中就如下的问题[3] 与大家进行了交流与探讨 —— 如何通过 Text + AttributedString 实现类似文章关键字检索的功能，并可通过按钮在搜索结果中进行滚动切换？

03

iOS学习——输入验证码界面封装

在很多App中都有输入验证码的功能需求，最近项目需要也有这个功能。做完之后简单整理了一下，将实现的基本思路做下记录。实现后的效果大致如下图所示，当四位签到码全部输入时，提交按钮是可以提交的，否则提交按钮失效，不允许提交。

03

IOS开发之获取Storyboard创建的ViewController

前面的两篇博客都是学习有关屏幕适配也就是相对布局的东西，这篇博客中将会学习视图间的切换。视图间的切换我们可以用代码完成或者用storyboard来建立各个视图控制器间的关系。在需要用到代码进行切换时会用代码进行视图间的跳转。下面的东西我们会主要介绍到NavigationController来进行视图间的切换。下面也是和之前一样把代码和storyboard结合起来学习。　　下面介绍一下我们要实现的功能和效果： App打开的第一个界面是登陆页面，登陆页面由用户名和密码以及一个登陆按钮构成。当登陆成功时会p

08

iOS开发——定制UITextField

在iOS中UITextField这个控件作为文本输入控件一定是使用率最高的几个控件之一，而iOS提供的默认的原始TextField的造型肯定在开发时很难满足我们的要求，原因很简单，不够美观，实在太单调。所以今天我们从一些简单的复写UITextField方法开始，来讲一讲如何定制一个属于自己的UITextField。

04

【Flutter 专题】08 小小优化【登录】页面

和尚前两天花了很久才搭建了一个最简单的【登录】页面，但依然还有很多需要优化的地方，和尚又花了很久的时间尝试做了一点点的优化，仅针对优化的部分简单整理一下。

05

以常见业务为中心的Vue面试题，真香！

如果你遇到h5页面这个问题，当输入框在最底部，点击软键盘后输入框会被遮挡，可以如下解决问题：

03

iOS键盘、选取器上的工具栏

我们在使用键盘的时候，在打字完毕后想要收起键盘继续操作，要么是习惯性点击界面空白处收起键盘，要么是在键盘上方点击一个“完成”之类的按钮来收起键盘。在Android上键盘的完成按钮是自带的，但是iOS没有，所以需要开发者自行添加上去一个，这里就要用到工具栏UIToolbar。

01

1.注册或登录页面设计：UILabel，UIButton,UITextField

学习iOS开发已经有一段时日了，之前一直没有系统的对iOS开发的相关知识进行归纳总结，导致很多知识点云里雾里在脑子里形不成iOS开发的思想，现将自己在学习过程中遇到的一些知识进行总结，希望能对iOS初学者能有一定的帮助。最初学iOS的时候苦于没有大神指点，全靠自己一点点摸索，确实走了很多弯路，不希望还有小伙伴跟我一样走过多的弯路。　　由于本人只是从去年11月份才开始玩iOS（附上自己的学习路线，如下图），受限于能力，难免有一些不完善或不恰当的地方，希望大神们多多见谅，勿拍砖，有不足或需要完善的地方也希望

05

关闭软键盘

View view = getWindow().peekDecorView(); if (view != null) { InputMethodManager inputmanger = (InputMethodManager) getSystemService(Context.INPUT_METHOD_SERVICE); inputmanger.hideSoftInputFromWindow(view.getWindowToken(), 0); }

04

了解 SwiftUI 的 onChange

从 iOS 14 开始，SwiftUI 为视图提供了 onChange 修饰器，通过使用 onChange，我们可以在视图中对特定的值进行观察，并在其更改时触发操作。本文将对 onChange 的特点、用法、注意事项以及替代方案做以介绍。

02

SwiftUI 状态管理系统指南

SwiftUI与苹果之前的UI框架的区别不仅仅在于如何定义视图和其他UI组件，还在于如何在整个使用它的应用程序中管理视图层级的状态。

02

Flutter lesson 8:输入框,时间日期选择

Flutter自带的 showDatePicker 和 showTimePicker 两个方法可以进行时间和日期的选择。

02

iOS中storyboard故事板使用Segue跳转界面、传值

在iOS的开发过程中，不可避免的要设计界面，在android中有xml设置界面和直接使用java代码设置界面控件两种方式，在之前的ios开发中也是类似的有xib文件设置界面及用代码直接设置控件两种方法，但后来又出了一种方式，就是storyboard故事板子，其实storyboard和xib文件很像，最大的不同之处在于一个xib文件对应一个ViewController视图控制器，而storyboard对应多个，基本一个应用只需要一个storyboard就可以了，不再需要为每个控制器创建一个xib文件，从这点上来说，还是很方便的，在storyboard中查看各个界面的跳转也很方便，但之前一直使用xib进行开发，对storyboard的使用不太熟悉，今天好好学习了一下其中的界面跳转和传值，用到了Segue这个东西，这里借着例子说明一下。

02

Vue.js笔试题解决业务中常见问题

如果你遇到h5页面这个问题，当输入框在最底部，点击软键盘后输入框会被遮挡，可以如下解决问题：

01

探讨 SwiftUI 中的几个关键属性包装器

在这篇文章中，我们将探讨几个在 SwiftUI 开发中经常使用且至关重要的属性包装器。本文旨在提供对这些属性包装器的主要功能和使用注意事项的概述，而非详尽的使用指南。

01

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭