Android 软键盘弹起顶起遮挡控件

原创

mob64ca12e1497a 2024-10-11 08:50:10 ©著作权

©著作权归作者所有：来自51CTO博客作者mob64ca12e1497a的原创作品，请联系作者获取转载授权，否则将追究法律责任

Android 软键盘弹起顶起遮挡控件的实现方法

在Android开发中，当软键盘弹起时，可能会遮挡住用户输入的控件，例如EditText。如果不对布局进行适当调整，用户将无法看到他们正在输入的内容。接下来，我将指导你如何实现这一功能，并确保用户的体验良好。

流程概述

我们将通过以下步骤来解决软键盘遮挡控件的问题：

步骤编号	操作	描述
1	修改AndroidManifest.xml	设置Activity的窗口属性
2	调整布局文件	使布局支持内容在键盘弹起时调整
3	编写代码	处理键盘的显示与隐藏
4	进行测试	确保所有控件在键盘弹起时能够正常显示

步骤详细说明

步骤1: 修改AndroidManifest.xml

在你的AndroidManifest.xml文件中，找到你想要修改的Activity标签，添加android:windowSoftInputMode属性：

<activity
    android:name=".YourActivity"
    android:windowSoftInputMode="adjustResize"> <!-- 增加此行 -->
</activity>

解释: adjustResize属性将确保布局在软键盘出现时自动调整大小。

步骤2: 调整布局文件

在你的布局文件中，确保根布局使用了可调整大小的布局，例如RelativeLayout或ConstraintLayout。以下是一个简单示例：

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

    <EditText
        android:id="@+id/editText"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="请输入内容" />

    <Button
        android:id="@+id/button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="提交"
        android:layout_below="@id/editText" />

</RelativeLayout>

解释: 使用RelativeLayout可以使EditText和Button的相对位置保持良好，并且当软键盘弹起时，它们的位置会随之调整。

步骤3: 编写代码

在YourActivity.java中，你可能需要添加一些代码来处理键盘的显示与隐藏。以下是一个基本示例：

public class YourActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_your);

        EditText editText = findViewById(R.id.editText);
        editText.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                // 显示软键盘
                InputMethodManager imm = (InputMethodManager) getSystemService(Context.INPUT_METHOD_SERVICE);
                imm.showSoftInput(editText, InputMethodManager.SHOW_IMPLICIT);
            }
        });
    }
}

解释: 点击EditText时，软键盘会弹出。

步骤4: 进行测试

在完成代码后，运行你的应用程序，点击EditText，确认软键盘弹出时不会遮挡EditText及下方的Button。

关系图

我们可以通过如下关系图表示控件间的关系：

erDiagram
    EDITTEXT {
        string hint
    }
    BUTTON {
        string text
    }
    RELATIONSHIP {
        EDITTEXT --|> BUTTON
    }

旅行图

接下来我们来看一下用户与软键盘之间的交互逻辑：

journey
    title 用户在应用中的输入过程
    section 打开应用
      用户打开应用: 5: 用户
      软件界面显示: 5: 应用 
    section 输入内容
      用户点击输入框: 5: 用户
      软键盘弹出: 5: 应用
      用户输入文本: 5: 用户
      内容未被遮挡: 5: 应用