微信登录软键盘弹出后登录自动弹起

微信登录软键盘弹出后登录自动弹起

在微信的登录界面,当用户点击填写密码框后,软键盘弹出,然后上面部分自动上移,软键盘不会遮挡住登录按钮,及下面的一个(登录遇到问题?)按钮,键盘消失后恢复。如图:
这里写图片描述
这里写图片描述

分析

首先,考虑Android自身可不可以实现这样的功能,通常在开发中处理输入框的遮挡会处理android:windowSoftInputMode的属性为adjustResize,但是,只会保证EditText会显示出来,其下面的布局会被遮挡。

如何实现
可以滑动,考虑用ScrollView来实现。当键盘弹出的话,让ScrollView自动上滑,保证下面的布局可以显示出来。

问题1:如何监听键盘的弹出?
当键盘弹出的时候,根布局的layoutsize大小会改变,可以通过addOnLayoutChangeListener来监听布局大小的变化,当布局的大小发生变化,(bottom从大变小了)。

问题2:ScrollView如何自动滑动,滑动多少?
本人设了9999发现是可以实现的,大于了实际的滑动值都可以。

scrollView.scrollBy(0, 9999);

代码实现

关键代码:

android:windowSoftInputMode="stateHidden|adjustResize"
root = findViewById(R.id.root);
        root.addOnLayoutChangeListener(mListener);

public View.OnLayoutChangeListener mListener = new View.OnLayoutChangeListener() {
 @Override
 public void onLayoutChange(View v, int left, int top, int right, int bottom, int oldLeft, int oldTop, int oldRight, int oldBottom) {
     Log.i("OnLayoutChangeListener", oldLeft + "\t" + oldRight + "\t" + oldTop + "\t" + oldBottom);
     Log.i("OnLayoutChangeListener", left + "\t" + right + "\t" + top + "\t" + bottom);
     if (oldBottom != 0 && (oldBottom - bottom) > 150) {
         srcoll();
     }
 }
};

public void srcoll(int y) {
        int scrollY = scrollView.getScrollY();
        if (scrollY == 0){
            scrollView.scrollBy(0, 9999);
        }
    }

如果需要像微信那样软键盘弹出的时候触摸其它地方,软键盘消失

scrollView = (ScrollView) findViewById(R.id.sv);
scrollView.setOnTouchListener(new View.OnTouchListener() {
    @Override
    public boolean onTouch(View v, MotionEvent event) {
        hideSoftKeyboard();
        return false;
    }
});

总结

在实践中,发现如果Activity的theme是继承了Theme.AppCompat.Light.DarkActionBar在点击EditText时候没有自动移动,换个主题(如:android:style/Theme.Light.NoTitleBar)可以了,不太清楚。
上面的代码可以帮你实现微信的效果。
1. xml中加入ScrollView保证布局的滑动
2. 监听软键盘的弹出
3. 代码让ScrollView滑动。

demo:下载地址

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
微信小程序中,如果想要实现textarea自动聚焦并弹出键盘的功能,可能会遇到一些问题。其中一个问题是,点击textarea组件时需要点击两次键盘才会弹起来。这个问题的原因是微信官方监听键盘的方法存在bug。第一次点击时,获取到的键盘高度为0,导致键盘无法正常弹出。解决这个问题的方法是在键盘高度变换的回调函数中进行判断,如果键盘高度为0,则将焦点设置为false,否则进行相应的操作。\[1\] 另外,还有一些其他问题可能会出现。例如,手机唤起键盘后,可能无法看到文本框;或者弹窗fixed后,textarea内容会随页面滚动。针对这些问题,可以采取一些解决办法。例如,给textarea标签设置cursor-spacing属性,表示textarea光标距离键盘的距离,并添加fixed属性。另外,可以在点击文本框后将弹窗的position设置为absolute,关闭文本框后将弹窗的position设置为fixed。\[2\] 此外,还可以在bindfocus方法中将一个变量设置为false,表示不是第一次点击。这样可以解决点击两次键盘弹出的问题。\[3\] 综上所述,要实现微信小程序textarea自动聚焦弹出键盘的功能,可以根据具体情况采取相应的解决办法,包括修复微信官方的bug、设置属性和调整弹窗的position等。 #### 引用[.reference_title] - *1* *3* [小程序textarea要点两次键盘才会弹出](https://blog.csdn.net/lovelyYou123/article/details/127613343)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [小程序弹窗中文本框textarea,唤起键盘后的BUG解决办法](https://blog.csdn.net/wwz123124/article/details/95887536)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值