WebView之软键盘弹起时遮住输入框解决方法

最新推荐文章于 2024-07-13 10:17:53 发布
原创 最新推荐文章于 2024-07-13 10:17:53 发布 · 1.1k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#webview

本文介绍了解决Android应用中软键盘遮挡WebView的问题，提供了两种有效的方法：一种是在Activity中通过代码设置软键盘模式；另一种是在AndroidManifest.xml文件中配置Activity属性，并对布局文件进行相应调整。

解决方法一：
在所在的Activity中加入

getWindow().setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_ADJUST_RESIZE|WindowManager.LayoutParams.SOFT_INPUT_STATE_HIDDEN);

解决方法二：

1.调整AndroidManifest.xml

找到对应的Activity，加入以下属性

android:windowSoftInputMode=”adjustResize”

若此时Activity还有全屏属性android:theme=”@android:style/Theme.NoTitleBar.Fullscreen”，则删除全屏属性。

原因：软键盘弹出时，要对主窗口布局重新进行布局，并调用onSizeChanged方法，当设置为全屏模式，google官方有说明，会忽略输入框调整。

2.布局xml调整

WebView控件所在的布局，WebView祖先节点不能有ScrollView。另外，根节点不能固定高度。还有，当根节点是FrameLayout时，WebView本身、WebView父节点不能固定高度。

Android进阶之路 - 解决WebView加载H5时软键盘遮挡输入框问题
Android、前端、小程序、后端
08-06 4075
我遇到的这个问题，花费了好几天时间去解决，后面才发现该问题可能很早以前就存在了，而且很多人特意将其解决方式以。提供的是整个物理屏幕的度量信息，包括系统 UI 元素所占用的部分。经验总是有限的，越学越无知，总是能深刻的了解到学无止境。不过还是有必要说一下我所遇问题和解决过程。
解决uni-app中使用webview键盘弹起遮挡input输入框问题
九段刀客的博客
03-04 2651
这个平平无奇的回答，可能是全网最靠谱的解决方案。这里我用的是vue3 setup .vue文件的方式
WebView输入框软键盘遮挡问题（沉浸状态栏和adjustResize的冲突）
哈罗德Android笔记
11-13 2447
WebView为什么没有在软键盘弹出时更新布局，是由于沉浸状态栏和adjustResize的冲突。手动处理软键盘更新布局，需要考虑到底部虚拟按键的高度。
Android webview嵌套一个h5的聊天页面，解决获取键盘的时候，布局整体上移
ITfreashman的专栏
07-20 1448
需求：一个Webview嵌套h5的聊天页面，当弹出键盘的时候，整体布局上移。 如果不做处理，弹出的键盘会遮挡输入框，让人看不见输了什么内容。 解决1：用AndroidBug5497Workaround public class AndroidBug5497Workaround { private final Activity activity; // For more information, see https://code.google.com/p/android/issues/de
Android WebView 软键盘挡住输入框
weixin_30480075的博客
03-15 373
解决方法一： 在所在的Activity中加入 getWindow().setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_ADJUST_RESIZE|WindowManager.LayoutParams.SOFT_INPUT_STATE_HIDDEN); 解决方法二： 1.调整AndroidManifest.xml 找到对应的Ac...
android webview输入框_Android WebView 软键盘挡住输入框
weixin_39681621的博客
12-24 1512
解决方法一：在所在的Activity中加入getWindow().setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_ADJUST_RESIZE|WindowManager.LayoutParams.SOFT_INPUT_STATE_HIDDEN);解决方法二：1.调整AndroidManifest.xml找到对应的Activity，加入以...
安卓webview中键盘遮挡输入框如何解决
qq_44181886的博客
11-23 7708
安卓webview中键盘遮挡输入框如何解决
android 嵌套webview，软键盘遮挡输入框
sccd2009的专栏
07-13 1143
实际项目中，android需要加载h5，经常遇到软键盘遮盖输入框的情况，h5测试的时候，是没问题的，但是在APP中是不能把页面推上去。经测试完美解决了这个问题。
Android webview 键盘遮住输入框
a515297816的博客
08-17 1090
相信很多Android开发者都遇到webview调用键盘然后输入框被遮住，效果很丑，体验很差。然后会疯狂的在网上找资料，在网上大致有四种方法（都不靠谱），唯一的一个就是设置android:windowSoftInputMode=”adjustResize”，然而却是太丑了。接下来我要介绍一种暴力的方法，该方法用到类Scroller，如果不懂这个类请上网查资料。<LinearLayout xmlns:
Android爬坑之旅：软键盘挡住输入框问题的终极解决方案.docx
10-26
使用 android:windowSoftInputMode 属性可以使得界面在软键盘弹出时自动调整，避免软键盘挡住输入框。这个属性有两个值，adjustPan 和 adjustResize，两者的效果略有不同。adjustPan 是将整个界面向上平移，使输入框...
Android WebView无法弹出软键盘的原因及解决办法
09-02
主要介绍了Android WebView无法弹出软键盘的原因及解决办法的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下
Android webview input标签 软键盘遮挡问题
来啊 快活啊
07-16 1082
Android webview input标签 软键盘遮挡问题 亲测，管用
Android WebView中软键盘会遮挡输入框相关问题
猫的阁楼
09-02 6767
要想实现这种软键盘出现的时候会自动把输入框的布局顶上去的效果，需要设置输入法的属性，有以下两种设置方式：     一、在java代码中设置如下：      getWindow().setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_ADJUST_RESIZE|                WindowManager.Layo
全屏时，adjustresize无效解决办法
castle_cc的博客
01-28 1908
public class AndroidBug5497Workaround { // For more information, see https://code.google.com/p/android/issues/detail?id=5497 // To use this class, simply invoke assistActivity() on an Activi...
Keyboard 软键盘阻挡输入框爬坑指南
热门推荐
默小铭的博客
07-14 1万+
导读:日常开发中我们经常会用到EditText输入框,但有时我们的输入框会出现被软键盘界面阻挡,那么我们就会想到设置android:windowSoftInputMode属性但是,当我们用的正爽的时候,又会出现什么布局上移,ba..ba..ba的bug因此,本篇将针对个人在开发中遇到的”软键盘阻挡输入框”问题介绍android:windowSoftInputMode属性说明 属性 说明 s
Android WebView 软键盘遮挡输入框问题的解决方法
博来品
11-26 6331
在webview中实现软键盘出现的时候自动把输入框的布局顶上去的效果，需要设置输入法的属性，一般有两种设置方式，一种是在java code中设置，第二种是在 androidmanifest中设置。
Android Webview 软键盘遮挡输入框
细心程度决定你的成败
07-01 1004
解法一在你对应的Activity的oncreate中加入getWindow().setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_ADJUST_RESIZE|WindowManager.LayoutParams.SOFT_INPUT_STATE_HIDDEN);解法二 调整AndroidManifest.xml 在你对应的Activity
android webview 软键盘,android – webview中的软键盘 – 输入字段之间没有“下一步”按钮...
weixin_42389113的博客
05-26 232
当我关注webview输入字段时,我的软键盘不显示此按钮.没有找到任何关于特殊设置来启用此功能 – 我错过了什么吗？它不会出现在任何类型的输入字段(字母/数字)中.Android版本4.0.3提前致谢！以下是帮助我(Nexus 4和Nexus 5与Android 4.4.*),使用自定义WebView并覆盖onCreateInputConnection()的EditInfo：private sta...
android webview软键盘弹起不顶起输入框
最新发布
08-19
在 Android 的 WebView 中，当软键盘弹出时，输入框被遮挡是一个较为常见的问题。由于 Android 系统的碎片化，不同厂商和系统版本对软键盘弹出时的处理方式存在差异，因此需要综合多种策略来确保输入框能够正确上移并保持可见。 ### 解决方案一：调整 AndroidManifest.xml 中的 `windowSoftInputMode` 配置 在 `AndroidManifest.xml` 中为包含 WebView 的 Activity 设置 `windowSoftInputMode` 属性，以控制软键盘弹出时对布局的影响： ```xml <activity android:name=".WebViewActivity" android:windowSoftInputMode="stateHidden|adjustResize|adjustPan" /> ``` - `adjustResize`：系统会调整 Activity 的主布局区域以适应软键盘。 - `adjustPan`：系统会尝试通过平移来确保输入框不被软键盘遮挡。 在某些设备上，`adjustResize` 更适合全屏模式下的 WebView，因为它可以触发 `onSizeChanged` 回调，从而允许手动处理布局调整[^1]。 ### 解决方案二：监听 WebView 内容高度变化并动态调整 通过 JavaScript 监听页面内容高度变化，并将高度传递给 Android 端，从而动态调整 WebView 的布局： ```javascript window.addEventListener('resize', function () { // 将当前页面高度传递给 Android window.Android && window.Android.onPageResize(document.body.scrollHeight); }); ``` 在 Android 端定义对应的 `JavaScriptInterface` 接收高度变化事件： ```java webView.addJavascriptInterface(new Object() { @JavascriptInterface public void onPageResize(int height) { // 根据传入的高度调整 WebView 布局 runOnUiThread(() -> { ViewGroup.LayoutParams params = webView.getLayoutParams(); params.height = height; webView.setLayoutParams(params); }); } }, "Android"); ``` ### 解决方案三：使用 `scrollIntoView()` 强制滚动输入框到可视区域 在输入框获得焦点时，通过 JavaScript 调用 `scrollIntoView()` 方法确保输入框位于可视区域中： ```javascript document.addEventListener('focus', function (e) { if (e.target.tagName.toLowerCase() === 'input' || e.target.tagName.toLowerCase() === 'textarea') { e.target.scrollIntoView({ behavior: 'smooth', block: 'center' }); } }, true); ``` 该方法在多数场景下可以有效避免输入框被软键盘遮挡，但需要结合 `adjustResize` 使用以获得最佳效果[^2]。 ### 解决方案四：设置 WebView 的 `overScrollMode` 在部分设备上，软键盘弹出时 WebView 的内容无法自动滚动，可以尝试设置 `overScrollMode` 来强制允许滚动： ```java webView.setOverScrollMode(View.OVER_SCROLL_ALWAYS); ``` 这样可以确保即使软键盘遮挡输入框，用户仍可通过手动滚动来查看输入内容。 ### 相关问题 1. 如何在 Android WebView 中检测软键盘的弹出与收起？ 2. Android WebView 中输入框获得焦点后页面不自动滚动怎么办？ 3. 如何在 Android WebView 中实现类似 iOS 的软键盘自动上推输入框效果？ 4. WebView 中 `windowSoftInputMode` 设置为 `adjustResize` 无效怎么办？ 5. 如何通过 JavaScript 与 Android 原生代码协作解决软键盘遮挡问题？
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值