Android 键盘弹起和回落事件监听

转载请注明出处
http://blog.csdn.net/u014513456/article/details/54343765
Author:ruanjianjiagou@163.com
背景
在京东金融APP的登陆页面键盘弹出后整个布局上移,键盘弹起后,用户仍能看到页面全部内容,这样的用户体验要好于键盘弹起后紧贴输入框下侧,或者键盘弹起后直接连输入的区域都遮挡。


技术点
遗憾的是系统并不提供键盘弹起的事件监听
1.键盘事件的监听
2.布局的移动


以下为解决方案

AndroidMainfest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="open.ppdai.com.keyboardlogin">

    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:supportsRtl="true"
        android:theme="@style/AppTheme">
        <activity
            android:name=".MainActivity"
            android:windowSoftInputMode="stateAlwaysHidden|adjustResize">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

</manifest>

以下是关键语句

<activity
  android:name=".MainActivity"        android:windowSoftInputMode="stateAlwaysHidden|adjustResize">

Activity

package open.ppdai.com.keyboardlogin;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.LinearLayout;
import android.widget.Toast;

/**
 * Author ruanjianjiagou@163.com
 * 捕捉界面键盘弹起动作
 * 例如 京东金融 登陆界面 在输入框获取焦点后键盘弹出把整个布局上移
 * 键盘回落后布局也相应回落
 *
 */
public class MainActivity extends AppCompatActivity {

    private LinearLayout root_view;

    private int screenHeight = 0;
    private int keyHeight = 0;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initView();
        initListener();
        initOtherData();
    }

    private void initView() {
        root_view = (LinearLayout) findViewById(R.id.root_view);
    }

    private void initListener() {
        root_view.addOnLayoutChangeListener(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) {
                if (oldBottom != 0 && bottom != 0 && (oldBottom - bottom > keyHeight)) {
                    Toast.makeText(MainActivity.this,"键盘弹起",Toast.LENGTH_SHORT).show();
                } else if (oldBottom != 0 && bottom != 0 && (bottom - oldBottom > keyHeight)) {
                    Toast.makeText(MainActivity.this,"键盘落下",Toast.LENGTH_SHORT).show();
                }
            }
        });
    }

    private void initOtherData() {
        screenHeight = this.getWindowManager().getDefaultDisplay().getHeight();
        keyHeight = screenHeight / 3;
    }

}

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/root_view"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center_horizontal"
    android:orientation="vertical"
    tools:context="open.ppdai.com.keyboardlogin.MainActivity">


    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="64dp"
        android:background="@mipmap/ic_launcher" />

    <EditText
        android:id="@+id/user"
        android:layout_width="match_parent"
        android:layout_height="48dp"
        android:hint="username"
        android:textColorHint="#cccccc" />

    <EditText
        android:id="@+id/pass"
        android:layout_width="match_parent"
        android:layout_height="48dp"
        android:hint="password"
        android:textColorHint="#cccccc" />

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="register!"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_bias="0.502" />

    <Button
        android:layout_width="match_parent"
        android:layout_height="48dp"
        android:layout_marginTop="16dp"
        android:text="login" />
</LinearLayout>

有了监听事件了,那剩下的就是布局移动了,请看下篇

Android 键盘弹起和回落事件监听(二)之移动布局
http://blog.csdn.net/u014513456/article/details/54378781


源码戳我下载
http://download.csdn.net/download/u014513456/9735954

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
在Flutter中,可以使用以下代码来监听键盘弹起和收回事件: ```dart import 'package:flutter/services.dart'; // 监听键盘弹起和收回 final keyboardVisibilityController = KeyboardVisibilityController(); bool isKeyboardVisible = false; class KeyboardVisibilityController { final ValueNotifier<bool> visibilityNotifier = ValueNotifier<bool>(false); KeyboardVisibilityController() { // 监听键盘弹起和收回事件 SystemChannels.keyboard.addListener(_handleKeyboardVisibility); } void _handleKeyboardVisibility() { final bool isKeyboardOpen = WidgetsBinding.instance!.window.viewInsets.bottom > 0; visibilityNotifier.value = isKeyboardOpen; } void dispose() { // 移除监听 SystemChannels.keyboard.removeListener(_handleKeyboardVisibility); } } ``` 在上面的代码中,我们创建了一个 `KeyboardVisibilityController` 类来监听键盘弹起和收回事件。我们首先定义了一个 `ValueNotifier` 类型的对象 `visibilityNotifier`,用于通知键盘是否弹起。然后在构造函数中,我们调用 `SystemChannels.keyboard.addListener` 方法来添加监听器 `_handleKeyboardVisibility`,该方法将在键盘弹起和收回时被调用。在 `_handleKeyboardVisibility` 方法中,我们检查当前视图是否有底部间距,如果有,则表示键盘处于打开状态,否则表示键盘处于关闭状态。最后,我们在 `dispose` 方法中移除了监听器。 使用以上代码后,我们可以在其他 Widget 中监听键盘弹起和收回的事件,如下所示: ```dart class MyWidget extends StatefulWidget { @override _MyWidgetState createState() => _MyWidgetState(); } class _MyWidgetState extends State<MyWidget> { @override void initState() { super.initState(); // 监听键盘弹起和收回事件 keyboardVisibilityController.visibilityNotifier.addListener(() { setState(() { isKeyboardVisible = keyboardVisibilityController.visibilityNotifier.value; }); }); } @override void dispose() { // 移除监听 keyboardVisibilityController.visibilityNotifier.removeListener(() { setState(() { isKeyboardVisible = keyboardVisibilityController.visibilityNotifier.value; }); }); super.dispose(); } @override Widget build(BuildContext context) { return Container( child: isKeyboardVisible ? Text('键盘弹起了') : Text('键盘收回了'), ); } } ``` 在上面的代码中,我们在 `initState` 方法中添加了键盘弹起和收回的监听器,并在 `dispose` 方法中移除监听器。在 `build` 方法中,我们根据 `isKeyboardVisible` 变量来显示不同的文本内容,以便在键盘弹起或收回时进行不同的操作。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值