文档开发者中心
我的

【案例】文字输入面板遮住部分输入框

【异常现象】在开发快应用过程中,有时点击输入框,弹出输入面板时,发现输入面板遮住一部分输入框,现象如下图所示。

【问题分析】一般开发者对于输入框的布局如下图红框所示,也就是说只是红框部分作为文本输入框。

Android 系统在弹出输入法面板时自动顶到文本编辑框,所以当弹出输入法面板时,文本输入框被顶起来。文本输入框(红框)下面的部分被输入面板遮住。我们之所以感觉文本框被遮挡了,是因为我们潜意识认为下图绿框标识的才是完整的文本输入框。

【解决方案】开发者将文本框放大到整个区域(如上图绿框中),真正的文本输入框区域通过padding属性来设置,如下图所示。

【示例代码】

修改后实现的效果如下图所示:



点赞
收藏
回复
1
分享
举报
浏览2027 发布于2018-04-21 06:42未知归属地
全部评论
最多点赞
最新发布
最早发布
{:6_139:}
1楼回复于2018-05-16 01:08 未知归属地
写回答
新增插入模板功能
一键使用模板,快速填写内容,轻松发帖~
知道了
  • 为了保障您的信息安全,请勿上传您的敏感个人信息(如您的密码等信息)和您的敏感资产信息(如关键源代码、签名私钥、调试安装包、业务日志等信息),且您需自行承担由此产生的信息泄露等安全风险。
  • 如您发布的内容为转载内容,请注明内容来源。

我要发帖子

了解社区公约,与您携手共创和谐专业的开发者社区。