EditText焦点异常、键盘收起失焦及箭头TextView点击优化问题

嘿，我帮你梳理一下这个问题的解决思路，咱们一步步来实现像Google Keep那样的EditText交互，同时解决焦点和选项展开的问题：

一、核心问题分析 #

你遇到的几个问题本质都是焦点管理的问题：

• 点击箭头TextView时，EditText抢了焦点，导致选项列表无法正常展开
• 点击选项控件时，EditText没有自动失焦，不符合预期交互
• 键盘收起时EditText自动失焦，需要调整焦点状态

二、具体解决方案 #

1. 让箭头TextView能被清晰点击，避免EditText抢焦点 #

首先修改布局里的expandableArrowId TextView，给它添加焦点属性，确保点击时它自己获取焦点，不让EditText抢：

<TextView
    android:id="@+id/expandableArrowId"
    android:background="@drawable/ic_arrow_drop_down_black_24dp"
    android:layout_width="0dp"
    android:paddingTop="10dp"
    android:paddingBottom="10dp"
    android:paddingStart="25dp"
    android:paddingEnd="25dp"
    android:scaleX=".6"
    android:scaleY=".7"
    android:layout_height="wrap_content"
    android:layout_weight=".5"
    <!-- 添加以下两行，确保箭头能优先获取焦点 -->
    android:focusable="true"
    android:focusableInTouchMode="true"/>

然后在代码里给箭头添加点击事件，手动让EditText失焦并切换选项列表的显示状态：

Kotlin示例：

val titleEt = findViewById<EditText>(R.id.title_edit_text) // 记得给两个EditText加上id
val contentEt = findViewById<EditText>(R.id.content_edit_text)
val expandArrow = findViewById<TextView>(R.id.expandableArrowId)
val extraOptions = findViewById<LinearLayout>(R.id.extraOptions)
val symbolLayout = findViewById<LinearLayout>(R.id.symbolId)

expandArrow.setOnClickListener {
    // 强制让两个EditText失焦
    titleEt.clearFocus()
    contentEt.clearFocus()
    // 隐藏输入法，避免干扰选项操作
    val imm = getSystemService(Context.INPUT_METHOD_SERVICE) as InputMethodManager
    imm.hideSoftInputFromWindow(it.windowToken, 0)
    // 切换选项列表的显示状态
    val isVisible = extraOptions.visibility == View.VISIBLE
    extraOptions.visibility = if (isVisible) View.GONE else View.VISIBLE
    symbolLayout.visibility = if (isVisible) View.GONE else View.VISIBLE
    // 可以额外切换箭头图标，比如展开时换成向上箭头，提升交互体验
}

Java示例：

EditText titleEt = findViewById(R.id.title_edit_text);
EditText contentEt = findViewById(R.id.content_edit_text);
TextView expandArrow = findViewById(R.id.expandableArrowId);
LinearLayout extraOptions = findViewById(R.id.extraOptions);
LinearLayout symbolLayout = findViewById(R.id.symbolId);

expandArrow.setOnClickListener(v -> {
    titleEt.clearFocus();
    contentEt.clearFocus();
    InputMethodManager imm = (InputMethodManager) getSystemService(Context.INPUT_METHOD_SERVICE);
    imm.hideSoftInputFromWindow(v.getWindowToken(), 0);
    boolean isVisible = extraOptions.getVisibility() == View.VISIBLE;
    extraOptions.setVisibility(isVisible ? View.GONE : View.VISIBLE);
    symbolLayout.setVisibility(isVisible ? View.GONE : View.VISIBLE);
});

2. 点击选项列表控件时让EditText自动失焦 #

给extraOptions里的每个ImageView添加点击事件，在事件中让EditText失焦：

Kotlin示例：

val cameraIv = findViewById<ImageView>(R.id.camera_icon) // 给ImageView加上id
cameraIv.setOnClickListener {
    titleEt.clearFocus()
    contentEt.clearFocus()
    // 执行相机相关逻辑
}

// 语音、列表图标同理，复制上述逻辑即可

3. 实现Google Keep式的EditText焦点交互 #

Google Keep的效果是：点击EditText时获焦弹出键盘，点击页面其他区域时EditText失焦收起键盘。我们可以给最外层的RelativeLayout添加点击事件来实现：
先给根布局加id：

<RelativeLayout
    android:id="@+id/root_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">

然后在代码里添加点击事件：

val rootLayout = findViewById<RelativeLayout>(R.id.root_layout)
rootLayout.setOnClickListener {
    titleEt.clearFocus()
    contentEt.clearFocus()
    val imm = getSystemService(Context.INPUT_METHOD_SERVICE) as InputMethodManager
    imm.hideSoftInputFromWindow(it.windowToken, 0)
}

注：之前ScrollView里LinearLayout设置的android:focusable="true"和android:focusableInTouchMode="true"可以保留，它是为了让EditText默认不自动获焦，和这个点击事件不冲突。

4. 解决键盘收起时EditText自动失焦的问题 #

如果希望键盘收起时EditText保持原焦点状态，我们可以通过监听布局变化来判断键盘状态，然后重新请求焦点：

rootLayout.viewTreeObserver.addOnGlobalLayoutListener(object : ViewTreeObserver.OnGlobalLayoutListener {
    override fun onGlobalLayout() {
        val r = Rect()
        rootLayout.getWindowVisibleDisplayFrame(r)
        val screenHeight = rootLayout.rootView.height
        val keypadHeight = screenHeight - r.bottom

        // 当键盘高度小于屏幕15%时，判断为键盘收起
        if (keypadHeight < screenHeight * 0.15) {
            // 检查之前哪个EditText是聚焦状态，重新请求焦点
            if (titleEt.hasFocus()) {
                titleEt.requestFocus()
            } else if (contentEt.hasFocus()) {
                contentEt.requestFocus()
            }
        }
    }
})

三、完整修改后的布局代码（添加必要的id） #

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

    <ScrollView
        android:fillViewport="true"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <LinearLayout
            android:focusable="true"
            android:focusableInTouchMode="true"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical">

            <EditText
                android:id="@+id/title_edit_text"
                android:maxLength="50"
                android:maxLines="2"
                android:focusableInTouchMode="true"
                android:padding="10dp"
                android:textSize="20sp"
                android:textStyle="bold"
                android:hint="Title"
                android:gravity="left|top"
                android:background="@android:color/transparent"
                android:layout_width="match_parent"
                android:layout_height="wrap_content" />

            <EditText
                android:id="@+id/content_edit_text"
                android:padding="10dp"
                android:textSize="18sp"
                android:textColor="#000"
                android:gravity="top|left"
                android:hint="Enter Text Here"
                android:background="@android:color/transparent"
                android:layout_width="match_parent"
                android:layout_height="0dp"
                android:layout_weight="1"/>

        </LinearLayout>

    </ScrollView>

    <android.support.v7.widget.CardView
        android:layout_alignParentEnd="true"
        android:layout_alignParentBottom="true"
        app:cardElevation="5dp"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <LinearLayout
            android:orientation="vertical"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <LinearLayout
                android:id="@+id/symbolId"
                android:visibility="gone"
                android:orientation="horizontal"
                android:layout_width="match_parent"
                android:layout_height="wrap_content">

                <ImageView
                    android:id="@+id/grade_icon"
                    android:scaleX=".75"
                    android:scaleY=".75"
                    android:layout_gravity="center"
                    android:layout_width="0dp"
                    android:layout_weight="1"
                    android:layout_height="match_parent"
                    android:src="@drawable/ic_grade_black_24dp"/>

                <TextView
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:text="Symbol"
                    android:layout_weight="1"
                    android:textColor="@color/gray"
                    android:padding="10dp"
                    android:textSize="16sp"
                    android:gravity="center"/>

            </LinearLayout>

            <LinearLayout
                android:id="@+id/extraOptions"
                android:visibility="gone"
                android:layout_margin="5dp"
                android:orientation="horizontal"
                android:layout_width="match_parent"
                android:layout_height="wrap_content">

                <ImageView
                    android:id="@+id/camera_icon"
                    android:scaleX="1.25"
                    android:scaleY="1.25"
                    android:padding="10dp"
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:layout_weight="1"
                    android:src="@drawable/ic_camera_black_24dp"/>

                <ImageView
                    android:id="@+id/voice_icon"
                    android:scaleX="1.25"
                    android:scaleY="1.25"
                    android:padding="10dp"
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:layout_weight="1"
                    android:src="@drawable/ic_settings_voice_black_24dp"/>

                <ImageView
                    android:id="@+id/list_icon"
                    android:scaleX="1.25"
                    android:scaleY="1.25"
                    android:padding="10dp"
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:layout_weight="1"
                    android:src="@drawable/ic_format_list_bulleted_black_24dp"/>

            </LinearLayout>

            <LinearLayout
                android:orientation="horizontal"
                android:layout_width="match_parent"
                android:layout_height="wrap_content">

                <TextView
                    android:textSize="16sp"
                    android:textColor="@color/gray"
                    android:gravity="center"
                    android:text="last edited "
                    android:layout_width="0dp"
                    android:layout_height="match_parent"
                    android:layout_weight="2"/>

                <TextView
                    android:id="@+id/expandableArrowId"
                    android:background="@drawable/ic_arrow_drop_down_black_24dp"
                    android:layout_width="0dp"
                    android:paddingTop="10dp"
                    android:paddingBottom="10dp"
                    android:paddingStart="25dp"
                    android:paddingEnd="25dp"
                    android:scaleX=".6"
                    android:scaleY=".7"
                    android:layout_height="wrap_content"
                    android:layout_weight=".5"
                    android:focusable="true"
                    android:focusableInTouchMode="true"/>

            </LinearLayout>

        </LinearLayout>

    </android.support.v7.widget.CardView>

</RelativeLayout>

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