关于软键盘弹出导致视图被挤压解决，记录而已

最新推荐文章于 2025-04-07 16:12:32 发布

原创最新推荐文章于 2025-04-07 16:12:32 发布 · 796 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

安卓同时被 2 个专栏收录

16 篇文章

订阅专栏

记录

15 篇文章

订阅专栏

本文介绍如何在Android应用中通过在AndroidManifest.xml文件中为特定活动(activity)设置android:windowSoftInputMode属性来调整软键盘出现时屏幕内容的布局方式。

在AndroidManifest.xml对应的activity中添加以下代码：

<activity
        android:name="com.example.provinceselector.MainActivity"
        android:label="@string/app_name"
        android:windowSoftInputMode="adjustPan" ><!-- 添加此代码 -->
</activity>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Buggersss

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

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

11-29

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

参与评论您还未登录，请先登录后发表或查看评论

Vue3 - 移动端H5网页点击输入框弹出软键盘后，收起后页面无法复原的问题，页面没能恢复原状+遮盖遮挡+布局出现上移或下移整体未复原到打开软键盘之前（解决弹出键盘导致页面布局错乱，安卓+苹果ios）

热门推荐

小金子的专栏

07-18

1万+

首先来看一下两种情况,对用户来说体验真是不好第一种:试图被遮盖,用户看不到输入的框框第二种情况:试图整个被往上挤压,导致博主上面的标题栏被顶上去了这两种站在用户的角度上都是不好的,所以给出一种方案思路:获取到键盘弹出的时候的高度,然后让部分试图移动一下下,为什么说部分试图呢？因为就像博主这里的标题栏博主就不希望他有所改变,下面是实现的效果图键盘弹出的时候

Android软键盘弹出时挤压屏幕高度解决办法

zxwei09的博客

09-14

1455

通常只要有EditText或者其他可输入的控件，在获得焦点时会弹出系统的软键盘，因此可能会导致屏幕产生挤压，控件排列也变形了，解决办法： AndroidManifest.xml文件中，找到指定的Activity添加属性： android:windowSoftInputMode="adjustResize|adjustPan"

手机版弹起软键盘时页面被挤压

Amandaandjack861007的专栏

05-11

644

// 软键盘弹起时不让挤压底部导航 function plusReadyInit() { //获取原始窗口的高度 var originalHeight = document.documentElement.clientHeight || document.body.clientHeight; window.onresize = function() { //软键盘弹起与隐藏都会引起窗口的高度发生变化 var resizeHeight = document.documentElement..

实现qq聊天界面设计完美解决edittext 软键盘弹出时listview背景不被挤压+listview Item和edittext的相对位置不变

破小孩

05-29

1137

最近在写一个聊天窗口，要实现软键盘弹出时listview背景不被挤压，并且弹出时Item和edittext的相对位置不变，困扰了好几天，查了很多资料，发现都没有这方面的完整内容，顾在此记录一下。与大家分享。先预览：首先创建布局，相信大家都会这里不做介绍。。。直接上代码 <LinearLayout xmlns:android="http://schemas.and

Android 软键盘弹出、显示、隐藏

jufangzhi97的博客

05-31

1838

在项目中遇到一个跳转至A界面时获取输入框焦点并自动弹出软键盘问题，通过搜查资源和自己需求整合，在这里整理记录一下，希望自己的理解整理能帮助到你们一、首先我采用了如下方法：发现并没有弹出软键盘，通过查询INPUT_METHOD_SERVICE 得知此flag为软键盘的显示而并不是获取焦点后自动弹出至于软键盘的隐藏和显示可以参考https://www.cnblogs.com/ccdd1...

弹出软键盘挤压上一个activity页面变形

sam_jet的专栏

10-27

1738

打开一个activity弹出软键盘，上一个activity页面被挤压变形。这是因为上一个activity在AndroidManifest.xml文件里，设置有 android:theme="@android:style/Theme.Translucent.NoTitleBar.Fullscreen Translucent是透明的意思，activity在绘制的时候会出现各种问题。改为

解决android的键盘弹出时，html页面的高度被压缩

weixin_30767835的博客

12-14

1289

如果元素的高度是用100%表示，那么，安卓的键盘弹出时，高度会发生变化，导致布局混乱，所以最好给高度设置像素高度 $("html,body").height(window.innerHeight); 或者 document.body.querySelector("#main").style.height = window.innerHeight + "px"; 转载于:https://www...

解决移动端软键盘弹起底部固定布局被顶上去问题和屏幕背景被压缩问题

刘运召的博客

10-18

8174

在前端页面布局中经常会把一些按钮通过fixed或absolute固定到底部，但如果页面上有input或textarea被点击获取焦点时，在移动端上软键盘弹起时就会把这些固定到底部的布局顶上去，有时会十分影响美观，下面是在Vue项目中如何通过隐藏的方式实现不被顶上去的

SwiftUI 当键盘出现时避免TextField被遮挡自动向上移动

iCloudEnd的博客

02-21

2711

如果您遇到了上面的问题，那恭喜您！您现在应该已经过了新手期，正式进入了成为了一名iOS开发者。开发者每遇到一个问题，就像到于遇到一个怪兽，干掉这个”野“，您的经验值会上涨一大截。阅读本文您的收获学会创建一个可以包裹其他View的View 学会响应键盘弹出与隐藏的事件学会使用ScrollView 最终效果 TextField自动向上移动问题介绍在我的主...

移动端软键盘弹出，页面被压缩

weixin_33941350的博客

02-28

1654

移动端页面，点击input输入框时，软键盘会占据页面高度。 $(document).ready(function(){ var hgt=$(window).height(); $('body').height(hgt+'px') }) 　　强制设定body高度为窗口高度即可转载于:https://www.cnblogs.com/Frank-f/p/10449...

记原生键盘弹起,H5页面被压缩的两种解决方案

码码猿

08-25

1318

记原生键盘弹起导致的H5页面压缩变形问题转载于:https://www.cnblogs.com/belongs-to-qinghua/p/12192846.html 思路为:监听页面变化,动态的展示和隐藏底部被顶上来的内容

vh布局移动端软键盘弹起改变高度问题

jiayaner的博客

09-25

4911

问题描述在移动端使用vh布局。当页面中包含input、textarea输入框的时候，或者有调起软键盘的操作时，安卓浏览器下，可视窗口的高度改变，导致页面上的vh重新计算，页面被压扁。ios下的浏览器（safari）没有这个问题。原因在ios下，软键盘是叠在可视窗口上面的，也就是不影响可视窗口的大小。但是在安卓，软键盘是在窗口中，即占用窗口的面积。解决方案给viewport设置height...

Swift4 避免键盘弹出遮挡视图.

sszdal的博客

04-11

2961

//键盘监听 , 在 viewDidLoad 中. NotificationCenter.default.addObserver(self,selector:#selector(self.kbFrameChanged(_:)),name:.UIKeyboardWillChangeFrame, object: nil) //键盘弹出时,根视图跟随上移. @objc func kbFram...

使用MUI 软键盘弹起挤压页面

kk_yanwu的博客

06-16

1万+

在使用mui和H5+进行移动端开发的时候，经常会遇见需要用户输入的情况。当input获取焦点弹起软键盘的时候，经常会遇见软键盘挤压页面、软键盘遮挡输入框等一系列问题； 1. 单页面 软键盘弹起挤压页面如上图所示：当页面中的input获取到焦点，软键盘弹出的时候，绝对定位在页面底部的按钮会被向上挤压；原因：造成这种现

Dialog输入框Edittext软键盘弹出，导致acitivity上的布局也一起被顶起的问题

asd912756674的博客

03-28

2469

Dialog输入框Edittext软键盘弹出，导致acitivity上的布局也一起被顶起的问题需要做一个像B站直播那样的底端输入框，开始的想法是做一个bottomsheet dialog，然后输入完成dismiss就行了结果发现事情并没有想象的那么简单，背部也就是展示dialog的那个acitivity上的布局也会随着软键盘被顶起这时候需要在acitivity里加上一句 window....

解决Android键盘弹出后，背景图挤压变形的问题

qq_33705829的博客

09-29

1971

1、使用ScrollView将ImageView抱起来，设置全屏显示。scrollView设置match_parent 无法全屏时，设置fillViewport属性为true； 2、如果还不行，将ScrollView中加入LinearLayout ，将ImageVIew包装在该LinearLayout中，设置LinearLayout的scrollbars属性为vertical。 3、如果还不行