移动端web开发，微信内网页，手机键盘弹起挡住内容，怎么让内容上移
[问题点数：40分]
本版专家分：0
结帖率 80%
CSDN今日推荐
匿名用户不能发表回复！|
CSDN今日推荐仿微信支付宝的支付密码输入框 - 简书
仿微信支付宝的支付密码输入框
大家好，我是狸小华，萌汉子一枚。今天给大家带来的是仿微信/支付宝的密码输入框。这个效果也出来有一段时间了，所以搜索一下还是有不少的网友实现，但是，但是！经过一番查看后，我发现他们的实现分为两大类。
一，直接继承EditText，然后在ondraw里面做文章；二，EditText外面包一个viewGroup。我不喜欢这两种实现方式，觉着有些臃肿了，所以我详细介绍下我的实现方式：直接继承View，获取用户的输入，然后draw出来。
我们实现的是上面的密码输入框，这个键盘。。。系统自带的哦，调用用户输入法输入，方便扩展。下面，我们来具体分析下怎么实现这个view。先从简单的开始。extends View 然后实现三个构造函数，这些就不细细讲了，然后是onMeasure：
MeasureWidth和MeasureHeight所做的工作是如果是wrap_content则返回-1，不然返回准确大小。Ps：里面有个前面定义的size变量，表示的是每个格子的边长。好的测量完了之后我们先来画一下外面的圆角矩形，和里面的分割线。
浅显易懂，这里宽度和高度之所以-2，是因为，画圆角矩形时，如果线宽度不为1，他是以线宽度的中点为基准画的，会导致下面和右边的线会细一点，所以这里留出一点边。
那么，画完这些后，填充点数据测试，理所应当的，我们会有下面的效果图。
绘制完成后
看起来好像完成了，其实还早呢，我们还没监听用户的输入，这可是重点，难点，请同学们画起来！让我们回忆下一个普通EditText是怎么获取输入的。1，点击以后获取焦点；2，着色，光标闪动提示；3，弹出软键盘；然后用户输入；那么，我们先来做这件事，点击弹出个键盘先，不然怎么输入？先在初始化的时候： this.setFocusable(true); this.setFocusableInTouchMode(true);让这个view可以获取焦点，然后再在onTouchEvent
input=(InputMethodManager) getContext().getSystemService(Context.INPUT_METHOD_SERVICE);input是一个输入法管理类。点击后获取焦点，然后弹出软键盘，那么失去焦点，肯定要隐藏软键盘啊！
onCheckIsTextEditor()请重写这个方法并返回true，为了告诉系统，我这个view可以接受输入。好的，键盘是弹出来了，我们怎么监听用户输入呢？别急，不管是软键盘，还是“硬”键盘，用户的按键都是一个KeyEvent，我们直接设置个监听器，获得用户按下的键编号，就知道用户按下了什么了。this.setOnKeyListener(new MyKeyListener());
按键监听器
按下了代表数字的键，记录下来，按下删除就删除。这里有一个ensureFinishInput，用来判断输入完了没有，输入完了就调用回调接口。
好的，这下看起来好像完了，但是，图样图森破。首先，我们上面弹出软键盘，没有指定输入类型啊，也没有指定操作类型啊！这是什么？想想EditText，有个inputtype，imeType。不然的话，我们只处理数字，他给我弹出个英文键盘，这怎么搞？还有一个隐藏的bug，点击软键盘的DEL删除是没有keyevent发出的！这个更麻烦。
为了解决上面的问题，我们先讲讲输入法。如果我们要接受输入中文怎么办？不可能一个keyEvent监听吧。输入法可是有短语啊，词汇的。所以，当系统弹出输入法时，会与目标view建立一个链接，然后传输文本等等给view，具体的可以参考[罗升阳]大神的这篇文章以及文章内的几篇链接http://blog.csdn.net/luoshengyang/article/details/8636153
所以，我们先建立连接，重写view的这个方法。
建立与输入法的链接
这里就可以顺便设置我要弹出的是数字键盘了~然后是实现baseinputconnection
这里，我们重写了delete。。。方法，因为按下软键盘的DEL会触发这个方法，我们手动模拟发送KeyEvent给view。为什么不在这里直接操作？因为…如果拥有’硬’键盘，就是外接物理键盘的手机，他DEL还是会触发的，我们统一处理。这里是参考stack overflow上的大神，不得不说谷歌大法好。到这里，我们大概实现了所有功能了，但是，但是，还有个问题，如果按下home键或者切换app，我们的键盘并没有隐藏起来，所以，还要这样做：
至此，完美结束。代码在我的github上有，需要的直接拿，可以的话，给个star ：）Github地址在这里
二次元真是太好了
用两张图告诉你，为什么你的 App 会卡顿? - Android - 掘金Cover 有什么料？ 从这篇文章中你能获得这些料： 知道setContentView()之后发生了什么？ ... Android 获取 View 宽高的常用正确方式，避免为零 - 掘金相信有很多朋友...
用两张图告诉你，为什么你的 App 会卡顿? - Android - 掘金 Cover 有什么料？ 从这篇文章中你能获得这些料： 知道setContentView()之后发生了什么？ ... Android 获取 View 宽高的常用正确方式，避免为零 - 掘金 相信有很多...
开始阅读本篇文章之前先来说一下使用场景吧，我们知道如今移动支付已经占据我们日常支付的90%的份额，以微信支付和支付宝支付为主，也越来越多的APP开始添加支付模块，不管使用哪种支付有一个步骤是少不了的，那就是输入支付密码(指纹支付再此就不做讨论了哦)，所以今天来给大家带来一篇...
?开启? 【iAPP实现进入界面执行逐一显】 〖 15:22:14〗 《//首先开一个线程，因为你有这么多的stop要执行，其次必须使用ufusui（）,否则可能不会显示你的字体。切记:文字必须设置“text=”,否则很尴尬，还有我这里的8,14是两个文...
内容抽屉菜单ListViewWebViewSwitchButton按钮点赞按钮进度条TabLayout图标下拉刷新ViewPager图表(Chart)菜单(Menu)浮动菜单对话框空白页滑动删除手势操作RecyclerViewCardColorDrawableSpinner...
在图书管而然翻到一本游记，是赵丰超的《下一站，拉萨》，文章中的很多内容完全符合我对西藏的认识，也更让我坚定了去西藏行走的信念。 -1- 有个梦境在云端，有处圣地在等你。 作者在前言就询问了他自己及所有读者一个问题:你在为谁而活？对啊，我们在为谁而活呢？学生党或许对这个问题还...
从现在开始 将幸福握在手里 不需要慌忙 不需要犹豫 来吧 去海滨戏水 去远山游历 我将 在这里 等待一个 和我一样的人 来吧 朋友 把握幸福 就在现在
一条马路撕成两半， 放进口中， 嚼起了口香糖， 往外一吐， 皱巴巴的马路， 工作了一天的大马路， 累了。
今天月圆夜 下班路上走到路口 不经意看到初升的月亮，淡淡黄色，很大，很圆，很亮，瞬间的惊喜惊艳感。忍不住拍了一张[捂脸]可是照片里的月亮看着跟路灯一样样的， 看看眼前的月亮，看看照片…… 无解，估计要请教摄影大师了。 疲倦的身体，疲倦的精神! 都说何以解忧，唯有吃喝， 一个...
愿你戎马一生，归来仍是少年。
我们都在慢慢长大，慢慢走向死亡的尽头，是啊，有人说为什么不去活的开心点，因为我们迟早都要面对死亡，为什么不让每天的自己活成自己想要的模样呢？
你努力读书，从幼儿园到小学，到初中，到高中，到大学，为的是什么？不是为了满足父母的期望，...查看: 37|回复: 5
在线时间0 小时经验值94 最后登录注册时间帖子阅读权限30UID
初中生, 积分 94, 距离下一级还需 6 积分
TA的每日心情衰 11:21签到天数: 2 天[LV.1]初来乍到
G币7 最后登录注册时间
前些天刷的soul46之后就出现这种问题，刷回45也这样了，以前45不这样的，有哪位网友有过类似问题帮忙解决一下
在线时间0 小时经验值267 最后登录注册时间帖子阅读权限1UID
头像被屏蔽
该用户从未签到
G币0 最后登录注册时间
提示: 作者被禁止或删除 内容自动屏蔽
在线时间342 小时经验值857 最后登录注册时间帖子阅读权限70UID6196141
学士, 积分 857, 距离下一级还需 243 积分
TA的每日心情奋斗 20:50签到天数: 3 天[LV.2]偶尔看看I
G币501 最后登录注册时间
结婚了的男人，切记：千万不要用微信红包。这是朋友的忠告！！！
在线时间0 小时经验值94 最后登录注册时间帖子阅读权限30UID
初中生, 积分 94, 距离下一级还需 6 积分
TA的每日心情衰 11:21签到天数: 2 天[LV.1]初来乍到
G币7 最后登录注册时间
yanghuiji 发表于
结婚了的男人，切记：千万不要用微信红包。这是朋友的忠告！！！
哈哈哈好吧谢谢，我只是想简单的问一下我手机出现的问题怎么解决，
在线时间0 小时经验值94 最后登录注册时间帖子阅读权限30UID
初中生, 积分 94, 距离下一级还需 6 积分
TA的每日心情衰 11:21签到天数: 2 天[LV.1]初来乍到
G币7 最后登录注册时间
yanghuiji 发表于
结婚了的男人，切记：千万不要用微信红包。这是朋友的忠告！！！
哈哈哈好吧谢谢，我只是想简单的问一下我手机出现的问题怎么解决，
在线时间0 小时经验值94 最后登录注册时间帖子阅读权限30UID
初中生, 积分 94, 距离下一级还需 6 积分
TA的每日心情衰 11:21签到天数: 2 天[LV.1]初来乍到
G币7 最后登录注册时间
yanghuiji 发表于
结婚了的男人，切记：千万不要用微信红包。这是朋友的忠告！！！
哈哈哈好吧谢谢，我只是想简单的问一下我手机出现的问题怎么解决，
绑定QQ帐号，轻松分享到QQ空间与腾讯微博
浏览过的版块
早上好，尊敬的用户
- 山东省济南市 天地网联科技有限公司
Powered by&>&html仿微信支付宝密码弹出框
html仿微信支付宝密码弹出框
上传大小：66KB
仿微信支付宝密码修改或重置时的密码弹出框，纯html，不引入其他技术。
综合评分：4
{%username%}回复{%com_username%}{%time%}\
/*点击出现回复框*/
$(".respond_btn").on("click", function (e) {
$(this).parents(".rightLi").children(".respond_box").show();
e.stopPropagation();
$(".cancel_res").on("click", function (e) {
$(this).parents(".res_b").siblings(".res_area").val("");
$(this).parents(".respond_box").hide();
e.stopPropagation();
/*删除评论*/
$(".del_comment_c").on("click", function (e) {
var id = $(e.target).attr("id");
$.getJSON('/index.php/comment/do_invalid/' + id,
function (data) {
if (data.succ == 1) {
$(e.target).parents(".conLi").remove();
alert(data.msg);
$(".res_btn").click(function (e) {
var parentWrap = $(this).parents(".respond_box"),
q = parentWrap.find(".form1").serializeArray(),
resStr = $.trim(parentWrap.find(".res_area_r").val());
console.log(q);
//var res_area_r = $.trim($(".res_area_r").val());
if (resStr == '') {
$(".res_text").css({color: "red"});
$.post("/index.php/comment/do_comment_reply/", q,
function (data) {
if (data.succ == 1) {
var $target,
evt = e || window.
$target = $(evt.target || evt.srcElement);
var $dd = $target.parents('dd');
var $wrapReply = $dd.find('.respond_box');
console.log($wrapReply);
//var mess = $(".res_area_r").val();
var mess = resS
var str = str.replace(/{%header%}/g, data.header)
.replace(/{%href%}/g, 'http://' + window.location.host + '/user/' + data.username)
.replace(/{%username%}/g, data.username)
.replace(/{%com_username%}/g, data.com_username)
.replace(/{%time%}/g, data.time)
.replace(/{%id%}/g, data.id)
.replace(/{%mess%}/g, mess);
$dd.after(str);
$(".respond_box").hide();
$(".res_area_r").val("");
$(".res_area").val("");
$wrapReply.hide();
alert(data.msg);
}, "json");
/*删除回复*/
$(".rightLi").on("click", '.del_comment_r', function (e) {
var id = $(e.target).attr("id");
$.getJSON('/index.php/comment/do_comment_del/' + id,
function (data) {
if (data.succ == 1) {
$(e.target).parent().parent().parent().parent().parent().remove();
$(e.target).parents('.res_list').remove()
alert(data.msg);
//填充回复
function KeyP(v) {
var parentWrap = $(v).parents(".respond_box");
parentWrap.find(".res_area_r").val($.trim(parentWrap.find(".res_area").val()));
评论共有9条
可用，效果一般般1
太过复杂, 不适用于新手
80分吧。普通还能用。下载下来自己稍微修改了一下。但是有点会有点卡顿
技术支持151
综合评分：
积分/C币：5
综合评分：
积分/C币：3
VIP会员动态
热门资源标签
CSDN下载频道资源及相关规则调整公告V11.10
下载频道用户反馈专区
下载频道积分规则调整V1710.18
spring mvc+mybatis+mysql+maven+bootstrap 整合实现增删查改简单实例.zip
资源所需积分/C币
当前拥有积分
当前拥有C币
输入下载码
为了良好体验，不建议使用迅雷下载
html仿微信支付宝密码弹出框
会员到期时间：
剩余下载个数：
剩余积分：0
为了良好体验，不建议使用迅雷下载
积分不足！
资源所需积分/C币
当前拥有积分
您可以选择
程序员的必选
绿色安全资源
资源所需积分/C币
当前拥有积分
当前拥有C币
为了良好体验，不建议使用迅雷下载
资源所需积分/C币
当前拥有积分
当前拥有C币
为了良好体验，不建议使用迅雷下载
资源所需积分/C币
当前拥有积分
当前拥有C币
您的积分不足，将扣除 10 C币
为了良好体验，不建议使用迅雷下载
无法举报自己的资源
你当前的下载分为234。
你还不是VIP会员
开通VIP会员权限，免积分下载
你下载资源过于频繁，请输入验证码
您因违反CSDN下载频道规则而被锁定帐户，如有疑问，请联络:!
若举报审核通过，可返还被扣除的积分
被举报人：
举报的资源分：
请选择类型
资源无法下载 （ 404页面、下载失败、资源本身问题）
资源无法使用 （文件损坏、内容缺失、题文不符）
侵犯版权资源 （侵犯公司或个人版权）
虚假资源 （恶意欺诈、刷分资源）
含色情、危害国家安全内容
含广告、木马病毒资源
*详细原因：
html仿微信支付宝密码弹出框微信扫码付款时健盘不显示_百度知道
微信扫码付款时健盘不显示
微信扫码付款时健盘不显示
我有更好的答案
我的情况也是这样心里直冒火，以前也出现过这个情况，问了很多人试了很多方法，卸载新版本微信，下了个老版本的微信，又好了。不知道过了多长时间，支付页面键盘又开始乱跳，真是伤了心。
采纳率：82%
为您推荐：
其他类似问题
您可能关注的内容
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。