当edittext为空时TextInputLayout清除焦点

Question

当editText 为空时，我想清除对TexInputLayout 的关注。如何在我的应用上设置该属性？

当应用程序运行时，editText 如下所示：

在我输入一些内容后，editText 看起来像：

当我删除 editText 中的所有内容时，它看起来像：

当 editText 为空时，我希望它看起来像第一张图片（当应用程序运行时）。我该怎么做？

com.google.android.material.textfield.TextInputLayout
                    android:id="@+id/user_phone"
                    
   style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:hint="Phone Number"
                    android:background="@color/white"
                    android:textColorHint="@color/black"
                    app:boxStrokeColor="@color/black"
                    app:boxStrokeWidthFocused="2dp"
                    app:endIconMode="clear_text"
                    app:endIconTint="@color/black"
                    app:startIconDrawable="@drawable/ic_phone"
                    app:startIconTint="@color/black">

                    <com.google.android.material.textfield.TextInputEditText
                        android:layout_width="match_parent"
                        android:layout_height="match_parent"
                        android:fontFamily="@font/muli_semibold"
                        android:inputType="phone"
                        android:textColor="@color/black" />

Answer 1

首先，将android:focusable="true" 和android:focusableInTouchMode="true" 放到父视图组中。

然后，您可以使用 TextWatcher 查看输入何时为空。在 kotlin 上会是这样的：

        editText.addTextChangedListener(object : TextWatcher {
            override fun afterTextChanged(s: Editable?) {
                if (s.isNullOrEmpty()) {
                    // hide keyboard
                    val inputMethodManager = activity?.getSystemService(Activity.INPUT_METHOD_SERVICE) as? InputMethodManager
                    inputMethodManager?.hideSoftInputFromWindow(editText.windowToken, 0)
                    // remove focus
                    editText.clearFocus()
                }
            }

            override fun beforeTextChanged(s: CharSequence?, start: Int, count: Int, after: Int) {

            }

            override fun onTextChanged(s: CharSequence?, start: Int, before: Int, count: Int) {

            }
        })