安卓界面适配软键盘

我是大反派.

已于 2024-07-25 14:46:19 修改

阅读量324

点赞数 3

文章标签： android

于 2024-07-25 14:41:20 首次发布

本文链接：https://blog.csdn.net/qq_53376963/article/details/140688790

版权

在很多使用安卓输入框edittext时，经常会出现：当edittext在底部时，软键盘的弹起会导致界面遮挡，无法看到自己的输入的内容，所以此时就需要对软键盘进行界面适配。

对于这个问题，作为新手我也研究了半天，大部分帖子中的方法都是修改一个属性名为：
android:windowSoftInputMode="adjustPan"/adjustResize
然后添加scrollview让他适应布局。

最终得到的结果是：adjustresize没反应，adjustpan会导致顶部的组件溢出屏幕，没有办法像微信聊天界面一样顶部固定，只移动输入框。总之来说就是并没有什么*用。

所以下面实现方法会略微麻烦一点，长话短说：（就是计算键盘高度并移动底部布局）。

一个模拟聊天页面，复制可用，最外层relativelayout用自己的即可
顶部textview显示联系人

中间recyclerview显示聊天列表（未做适配）

底部relativelayout包裹（edittext输入框，button发送按钮）

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fillViewport="true"
    tools:context=".MainActivity">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">



    <!-- 顶部固定的联系人名字 -->
    <TextView
        android:id="@+id/textViewContactName"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/white"
        android:textColor="@android:color/black"
        android:textSize="18sp"
        android:text="联系人名字"
        android:padding="16dp"
        android:gravity="center"/>

    <!-- 中间的聊天记录列表 -->
    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/recyclerViewChat"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@id/textViewContactName"
        android:layout_above="@id/layoutInput"
        android:padding="8dp"/>

    <!-- 底部的输入框布局 -->
    <RelativeLayout
        android:id="@+id/layoutInput"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:padding="8dp">

        <!-- 输入框 -->
        <EditText
            android:id="@+id/editTextMessage"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@color/white"
            android:hint="输入消息..."
            android:inputType="textMultiLine"
            android:minLines="1"
            android:maxLines="5"
            android:padding="10dp" />

        <!-- 发送按钮 -->
        <Button
            android:id="@+id/buttonSend"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentEnd="true"
            android:text="发送" />
    </RelativeLayout>

    </RelativeLayout>

</RelativeLayout>

页面随便写写，然后实现activity

//顶部联系人
private TextView textViewContactName;
//聊天列表
private RecyclerView recyclerViewChat;
//聊天列表的list数据，这里未做实现，可以不用
private List<String> chatMessages;
//输入框
private EditText editTextMessage;
//发送按钮
private Button buttonSend;
//包裹底部的relativelayout布局
private View layoutInput;


//在oncreate中初始化...
textViewContactName = findViewById(R.id.textViewContactName);
recyclerViewChat = findViewById(R.id.recyclerViewChat);
editTextMessage = findViewById(R.id.editTextMessage);
buttonSend = findViewById(R.id.buttonSend);
layoutInput = findViewById(R.id.layoutInput);


//开始适配
//获取屏幕显示高度-包含虚拟按键的高度（虚拟按键就是返回-home-menu按钮）
        DisplayMetrics displayMetrics = new DisplayMetrics();
        getWindowManager().getDefaultDisplay().getMetrics(displayMetrics);
        int screenHeight = displayMetrics.heightPixels;

        // 监听布局变化，适配软键盘的显示和隐藏
        layoutInput.getViewTreeObserver().addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
            @Override
            public void onGlobalLayout() {
                // 获取当前屏幕高度
                Rect r = new Rect();
                layoutInput.getWindowVisibleDisplayFrame(r);
                int keypadHeight = screenHeight - r.bottom;

                // 如果软键盘显示
                if (keypadHeight > screenHeight * 0.15) {
                    // 软键盘显示时，移动底部RelativeLayout布局
                    RelativeLayout.LayoutParams params = (RelativeLayout.LayoutParams) layoutInput.getLayoutParams();
                    params.bottomMargin = keypadHeight; // 设置bottomMargin为软键盘高度
                    layoutInput.setLayoutParams(params);
                } else {
                    // 软键盘隐藏时，将布局恢复到初始位置
                    RelativeLayout.LayoutParams params = (RelativeLayout.LayoutParams) layoutInput.getLayoutParams();
                    params.bottomMargin = 0; // 恢复为0，或者根据需要设置一个初始的margin
                    layoutInput.setLayoutParams(params);
                }
            }
        });

另一种实现，与上面选其一即可，但是下面不包含虚拟按键高度，会导致底部布局和键盘有一块按键高度的间隔。

layoutInput.getViewTreeObserver().addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
    @Override
    public void onGlobalLayout() {
        // 计算屏幕高度和可见区域矩形
        Rect r = new Rect();
        layoutInput.getWindowVisibleDisplayFrame(r);
        int screenHeight = layoutInput.getRootView().getHeight();
        int keypadHeight = screenHeight - r.bottom;

        // 如果软键盘显示
        if (keypadHeight > screenHeight * 0.15) {
            // 软键盘显示时，移动bottomRelativeLayout布局
            RelativeLayout.LayoutParams params = (RelativeLayout.LayoutParams) layoutInput.getLayoutParams();
            params.bottomMargin = keypadHeight; // 设置bottomMargin为软键盘高度
            layoutInput.setLayoutParams(params);
        } else {
            // 软键盘隐藏时，将布局恢复到初始位置（可以根据需求处理）
            RelativeLayout.LayoutParams params = (RelativeLayout.LayoutParams) layoutInput.getLayoutParams();
            params.bottomMargin = 0; // 恢复为0，或者根据需要设置一个初始的margin
            layoutInput.setLayoutParams(params);
        }
    }
});