点击输入框时，软键盘会把下部导航栏顶上去的解决办法

最新推荐文章于 2024-06-06 16:02:32 发布
最新推荐文章于 2024-06-06 16:02:32 发布
阅读量2.3k 收藏 1
点赞数
分类专栏： 开发中遇到的问题
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xiangyang28/article/details/80971741
版权
软键盘把导航栏顶到上边和软键盘自动弹出的解决办法：
在清单文件相关的活动中加入：android:windowSoftInputMode="adJustPan"

一下是对windowSoftInputMode属性值的解说：

活动的主窗口如何与包含屏幕上的软键盘窗口交互。这个属性的设置将会影响两件事情：

  1. 软键盘的状态——是否它是隐藏或显示——当活动（Activity）成为用户关注的焦点。
  2. 活动的主窗口调整——是否减少活动主窗口大小以便腾出空间放软键盘或是否当活动窗口的部分被
软键盘覆盖时它的内容的当前焦点是可见的。
在这设置的值(除"stateUnspecified"和"adjustUnspecified"以外)将覆盖在主题中设置的值
它的设置必须是下面列表中的一个值，或一个”state…”值加一个”adjust…”值的组合。

A：StateUnspecified:软键盘的状态并没有指定，系统将选择一个合适的状态或依赖于主题的设置
B：stateAlwaysHidden:当这个activity出现时，软键盘将一直保持在上一个activity里的状态，无论是隐藏还是显示
C：stateHidden:用户选择activity时，软键盘总是被隐藏
D：stateAlwaysHidden:当该Activity主窗口获取焦点时，软键盘也总是被隐藏的
E：stateVisible:软键盘通常是可见的
F：stateAlwaysVisible:用户选择activity时，软键盘总是显示的状态
G：adjustUnspecified:默认设置，通常由系统自行决定是隐藏还是显示
H：adjustResize:该Activity总是调整屏幕的大小以便留出软键盘的空间
I：adjustPan:当前窗口的内容将自动移动以便当前焦点从不被键盘覆盖和用户能总是看到输入内容的部分
DOUBLE_PERSONALITY
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
android 之输入法
rangq1的专栏
08-25 1万+
输入法的例子和源代码看了不少时间了，看得头很晕。静下心来把整个代码想了一遍，其实大部分代码都在处理绘制界面，以及事件的处理，核心代码很少。 先看看一般输入法的界面：分为两个部分，上部分是候选窗口（CandidateView），用来显示候选词，现在常用的输入法都有这个功能，如在搜狗、google输入法中输入abc，输入框中就会显示很多相关联的中文词。下部分就是软键盘了，这个没什么好说的。 输入法中核心类是InputMethodService 其次就是：CandidateView 和KeyboardVi
解决Android软键盘弹出覆盖h5页面输入框问题
08-27
解决软键盘弹出覆盖输入框问题有多种方法，以下是一些常见的解决方法： 1. 使用position:fixed固定输入框的位置，使其位于软键盘弹出时不被覆盖。 2. 使用transform: translateY()将输入框上移到可视区内，使其不被...
移动端输入框比较靠页面下部,输入时键盘会遮挡input输入框,处理方法.
ishell1021的博客
03-30 1444
Android:input输入框比较靠页面下部,输入时键盘会遮挡input输入框,处理方法. 使用系统自带键盘时,只安卓会遮盖输入框,原因:页面高度由'视口高度'变成了'视口高度-键盘高度'. 使用antd-mobilemoney自带键盘时,安卓和iOS都会遮盖输入框. 解决方法: 1. input聚焦时,页面外框设置margin-bottom:200px(键盘的高度),//使用系统自带键盘时不需要设置此项 2.计算可以使输入框进入可视区的scrollTop值, 3.设置容器s...
android 键盘将底部视图顶起,android 弹出软键盘将底部视图顶起问题
weixin_39620118的博客
05-26 591
今天要做一个搜索功能，搜索界面采用AutoCompleteTextView做搜索条，然后下面用listview来显示搜索结果，而我的主界面是在底 部用tab做了一个主界面导航，其中有一个搜索按钮，因为在搜索条中输入文字的时候会弹出软件盘，但是如果不做什么设置的话，软键盘弹出来的同时，会把我 下面的tab导航给相应拉到屏幕的上面，界面显示的扭曲啊，后来找到一种解决方法，在相应的activity中(比...
Flutter：文本组件
weixin_41897680的博客
09-03 921
Flutter：文本组件
★追风的牛★添翼圈Moto Droid玩家手册（感谢原作者，只是做个备份而已，如果牵扯到越劝，我会立即删掉）
android_wing的专栏
03-30 8166
以下是为 所有认识和不认识追风牛的用户 定制的Moto Droid手机系列教程 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 一  手机的基础知识 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 期待已久的手机到手，我们每个新手都是满怀兴奋激动的心情开机试用，但是开机后接踵而来的往往不是惊喜而是失望。**在那里？电话本怎么导入？怎么更换皮肤？怎么安装软件？不要急，这是我们每个新手
2023年江西省职业院校技能大赛移动应用设计与开发
小林爱编程的博客
06-03 1256
年江西省职业院校技能大赛移动应用设计与开发竞赛样题赛卷分模块A和模块B两个部分。A功能模块开发4小时88B测试与交付12本赛项面向产业主流技术，对接国际标准，旨在通过融合世界技能大赛的技术标准和规则要求，引领和促进教学改革，提升职业教育的国际化水平。通过完成一个完整的工作过程，使参赛选手、裁判、教师等相关人员，熟悉并掌握世界技能大赛的技术规范和技术标准，检验教学质量，达到“以赛促教、以赛促学、以赛促改、以赛促建”的目的。
2023年江西省职业院校技能大赛 移动应用设计与开发 竞赛样题
旺仔Sec&blog
06-06 729
3.律师列表页，上部显示排序方式和筛选，排序方式包括默认排序、从业年限、服务人数和好评率，点击后改变列表排序方式，点击筛选，弹出全部法律专长列表，以图标和名称为单元宫格方式显示，手机端每行显示4个，按照优先级由高到低排序，点击图标，选定法律专长，并隐藏法律专长列表；根据时代楷模的职业身份，以中宣部和有关部门名义发布。（1）搜索输入框：输入搜索内容后，点击软键盘“搜索”按钮，跳转至搜索结果律师列表页面，列表内容包括头像、名称、从业年限、咨询人数、法律专长、好评率和咨询按钮，点击咨询按钮，跳转至律师详情页。
神逸之作：国产快速启动软件神品ALTRun
weixin_33674976的博客
10-05 1010
http://xbeta.info/altrun.htm  作者: ET民工和塞壬　　日期: 2010-09-15　　分类: windows　　 标签: quick-launch  《神逸之作：国产快速启动软件神品ALTRun》　　本文作者：塞壬　　 2010年8月首发于善用佳软 目录一、ALTRun软件简介1.1 界面观赏1.2 界面讲解二、ALTRun的基本使用方法2.1 超多方...
一个门外汉的产品设计漫谈
冰的城
08-26 1671
本文纯属门外汉YY的结晶，如有低级问题，敬请行家里手批评指正；如果文中煞有介事得出的结论与设计学科的经典理论不谋而合，则不胜荣幸。本文目的是闲侃软件产品尤其是互联网产品的设计，多处以传统产品甚至不登大雅之堂的东东来举例，这顺带也在证明设计无处不在，以及软件设计与传统设计在理念和方法上融会贯通。 　　设计无处不在，设计决定一切 　　设计无处不在，人类世界是被设计出来的。如果你细心观察，可
Android 软键盘弹出时把原来布局顶上去的解决方法
08-31
在Android应用开发中，经常会遇到一个问题，即当用户在输入框中点击触发软键盘弹出时，原本在屏幕下方的布局会被键盘顶上去，导致部分界面内容无法查看。为了解决这个问题，Android提供了`windowSoftInputMode`属性...
Android软键盘挡住输入框的终极解决方案
01-05
而在Android开发的路上，『软键盘挡住了输入框』这个坑，可谓是一个旷日持久的巨坑——来来来，我们慢慢看。 入门篇 最基本的情况，如图所示：在页面底部有一个EditText，如果不做任何处理，那么在软键盘弹出的时候...
5种方法完美解决android软键盘挡住输入框方法详解
01-20
本文将详细介绍5种有效的方法来解决软键盘挡住输入框的问题，并讨论它们的适用场景、优缺点以及使用注意事项。 1. **方法一：非透明状态栏下使用`adjustResize`和`adjustPan`** - `adjustResize`：当键盘弹出时，...
Unity3d UGUI 输入框调用软键盘工程源码（适用触屏一体机）
07-20
Unity3d UGUI 输入框调用软键盘工程源码（适用触屏一体机）；适用windows系统。实测win10没问题。 建议先看说明：https://blog.csdn.net/qq_33789001/article/details/118940919
kechengsheji2021.zip
07-30
kechengsheji2021.zip
1cfa8b474c28bb76433ab12fc99ee5ad.jpeg
最新发布
07-30
1cfa8b474c28bb76433ab12fc99ee5ad.jpeg
TwineCompile571GetItSetup.7z
07-30
JomiTech TwineCompile 是一款集成在 C++Builder IDE 中的插件，旨在通过多种技术显著减少 C++ 编译、构建和生成的时间。以下是 TwineCompile 的一些关键能力和特点： 集成编译优化：TwineCompile 通过多线程、文件缓存和自动后台编译等技术，直接集成到 C++Builder IDE 中，优化编译过程。 编译器封装：它不是 C++ 编译器，而是将 Embarcadero 经典和 CLANG 编译器封装在一个构建系统中，优化文件和项目的构建方式。 IDE 支持：TwineCompile 通过 GetIt 包管理器提供，支持安装它的 IDE。对于旧版 IDE 或没有活跃更新订阅的 IDE，可以购买许可证以获得支持。 版本兼容性：TwineCompile 5.x 支持 C++Builder 10.2 至 C++Builder 12.0，而 TwineCompile 4.x 支持 C++Builder 5 至 C++Builder 10.1。
SCI一区】淘金算法GRO-CNN-BiLSTM-Mutilhead-Attention多变量时序预测含源码 5642.zip
07-30
CSDN海神之光上传的全部代码均可运行，亲测可用，直接替换数据即可，适合小白； 1、代码压缩包内容 主函数：Main .m； 数据； 调用函数：其他m文件；无需运行 运行结果效果图； 2、代码运行版本 Matlab 2019b；若运行有误，根据提示修改；若不会，可私信博主； 3、运行操作步骤 步骤一：将所有文件放到Matlab的当前文件夹中； 步骤二：双击打开除Main.m的其他m文件； 步骤三：点击运行，等程序运行完得到结果； 4、仿真咨询 如需其他服务，可私信博主或扫描博主博客文章底部QQ名片； 4.1 CSDN博客或资源的完整代码提供 4.2 期刊或参考文献复现 4.3 Matlab程序定制 4.4 科研合作 智能优化算法-CNN-BiLSTM-Mutilhead-Attention回归预测系列程序定制或科研合作方向： 4.4.1 遗传算法GA/蚁群算法ACO-CNN-BiLSTM-Mutilhead-Attention回归预测 4.4.2 粒子群算法PSO/蛙跳算法SFLA-CNN-BiLSTM-Mutilhead-Attention回归预测 4.4.3 灰狼算法GWO/狼群算法WPA-CNN-BiLSTM-Mutilhead-Attention回归预测 4.4.4 鲸鱼算法WOA/麻雀算法SSA-CNN-BiLSTM-Mutilhead-Attention回归预测 4.4.5 萤火虫算法FA/差分算法DE-CNN-BiLSTM-Mutilhead-Attention回归预测
taro Ui Vue3 h5 安卓机输入框弹窗键盘时，会把页面顶上去 代码举例
06-03
感谢您的提问！以下是 Taro Ui Vue3 中防止 H5 安卓机在输入框弹窗键盘时将页面顶上去的一个例子： ``` <template> <div> <AtButton type="primary" @click="toggleModal">弹出模态框</AtButton> <AtModal :isOpened="isOpened" @close="handleClose"> <AtModalHeader>标题</AtModalHeader> <AtModalContent> <div class="input-wrapper"> <input type="text" placeholder="请输入内容" @focus="handleFocus" @blur="handleBlur"> </div> </AtModalContent> <AtModalAction> <Button onClick="handleClose">取消</Button> <Button onClick="handleClose">确定</Button> </AtModalAction> </AtModal> </div> </template> <script> import { defineComponent, onMounted, ref } from 'vue' import { AtButton, AtModal, AtModalHeader, AtModalContent, AtModalAction } from 'taro-ui-vue3' export default defineComponent({ name: 'ModalExample', components: { AtButton, AtModal, AtModalHeader, AtModalContent, AtModalAction, }, setup() { const isOpened = ref(false) const toggleModal = () => { isOpened.value = !isOpened.value } const handleClose = () => { isOpened.value = false } const handleFocus = () => { if (/Android/gi.test(navigator.userAgent)) { setTimeout(() => { document.activeElement.scrollIntoViewIfNeeded() }, 100) } } const handleBlur = () => { if (/Android/gi.test(navigator.userAgent)) { setTimeout(() => { document.activeElement.scrollIntoViewIfNeeded() }, 100) } } onMounted(() => { if (/Android/gi.test(navigator.userAgent)) { const height = window.innerHeight const timer = setInterval(() => { if (window.innerHeight !== height) { document.body.style.height = window.innerHeight + 'px' height = window.innerHeight } }, 100) return () => clearInterval(timer) } }) return { isOpened, toggleModal, handleClose, handleFocus, handleBlur, } }, }) </script> <style scoped> .input-wrapper { padding: 20px; } input { width: 100%; height: 50px; font-size: 18px; border: none; border-bottom: 1px solid #ccc; outline: none; } </style> ``` 这个例子中，我们使用了 Taro Ui Vue3 的 AtModal 组件，同时在输入框的 focus 和 blur 事件中，通过调用 `scrollIntoViewIfNeeded()` 方法，将输入框滚动到可视区域内。同时，在组件挂载时，我们通过监听窗口大小的变化，动态设置 body 的高度，以防止页面出现滚动条。希望这个例子能够帮到您！
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值