全屏模式下自定义Android键盘视图的实现疑问

我来帮你搞定这个自定义Android键盘全屏视图的问题！当用户进入全屏输入模式时，系统默认的提取视图可以通过setExtractView()方法完全替换成你自己的布局，下面是具体的实现步骤：

1. 先准备自定义提取布局文件 #

在res/layout目录下创建一个自定义布局，比如命名为keyboard_extract_view.xml，按照你的需求设计UI。举个简单的示例：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:background="#f5f5f5">

    <!-- 自定义标题栏 -->
    <TextView
        android:layout_width="match_parent"
        android:layout_height="48dp"
        android:text="我的专属全屏键盘"
        android:gravity="center"
        android:textSize="17sp"
        android:textColor="#212121"
        android:background="#e0e0e0"/>

    <!-- 自定义输入区域 -->
    <EditText
        android:id="@+id/extract_input_box"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:padding="16dp"
        android:hint="开始输入..."
        android:textSize="16sp"/>

    <!-- 自定义操作按钮 -->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:gravity="end"
        android:padding="12dp">
        <Button
            android:id="@+id/btn_cancel"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="取消"
            android:layout_marginEnd="8dp"/>
        <Button
            android:id="@+id/btn_confirm"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="确认"/>
    </LinearLayout>

</LinearLayout>

2. 在自定义输入法服务中重写setExtractView方法 #

你的自定义键盘应该继承自InputMethodService，在这个类里重写setExtractView()方法，加载我们的自定义布局并替换系统默认视图：

@Override
public void setExtractView(View systemDefaultView) {
    // 加载自定义布局
    LayoutInflater inflater = (LayoutInflater) getSystemService(LAYOUT_INFLATER_SERVICE);
    View customExtractView = inflater.inflate(R.layout.keyboard_extract_view, null);

    // 初始化布局内的控件，添加交互逻辑
    Button confirmBtn = customExtractView.findViewById(R.id.btn_confirm);
    confirmBtn.setOnClickListener(v -> {
        // 点击确认后隐藏键盘
        requestHideSelf(0);
    });

    Button cancelBtn = customExtractView.findViewById(R.id.btn_cancel);
    cancelBtn.setOnClickListener(v -> {
        // 点击取消可以清空输入或者直接隐藏
        getCurrentInputConnection().deleteSurroundingText(1000, 0);
        requestHideSelf(0);
    });

    EditText inputBox = customExtractView.findViewById(R.id.extract_input_box);
    // 同步当前输入框的文本到自定义视图
    CharSequence currentText = getCurrentInputConnection().getTextBeforeCursor(1000, 0);
    inputBox.setText(currentText);
    inputBox.setSelection(currentText.length());

    // 监听自定义输入框的文本变化，同步到目标输入控件
    inputBox.addTextChangedListener(new TextWatcher() {
        @Override
        public void beforeTextChanged(CharSequence s, int start, int count, int after) {}

        @Override
        public void onTextChanged(CharSequence s, int start, int before, int count) {
            // 提交修改后的文本到目标输入框
            getCurrentInputConnection().commitText(s, s.length());
        }

        @Override
        public void afterTextChanged(Editable s) {}
    });

    // 调用父类方法，传入我们的自定义视图，替换系统默认的提取视图
    super.setExtractView(customExtractView);
}

3. 关键注意点 #

• 测试时可以给目标EditText添加android:imeOptions="flagExtractUi"属性，强制触发全屏提取视图模式，方便调试
• 自定义布局要适配不同屏幕尺寸，建议使用约束布局或者百分比布局来保证兼容性
• 所有和文本交互的逻辑都要通过InputConnection来处理，不要直接操作目标EditText，这是输入法服务的规范

内容的提问来源于stack exchange，提问作者Dani