TextInputEditText需两次点击才唤起关联DatePicker问题咨询

这种情况我之前也踩过坑，本质是第一次点击时EditText优先处理了获取焦点的逻辑，没触发我们期望的DatePicker弹出事件。下面给你几个实用的解决方案，按简单到进阶排序：

方案1：将EditText设置为不可编辑（推荐，适合仅通过DatePicker选日期的场景） #

如果你的输入字段只需要通过DatePicker选日期，不需要用户手动输入文本，直接让EditText失去编辑能力就能搞定。在布局里给TextInputEditText加以下属性：

android:focusable="false"
android:focusableInTouchMode="false"
android:clickable="true"

然后在代码里给EditText设置点击监听，点击直接弹出DatePicker：

Kotlin示例： #

val expiresAtEt = wExpiresAt.editText as TextInputEditText
expiresAtEt.setOnClickListener {
    showDatePickerDialog()
}

// 示例DatePickerDialog实现
private fun showDatePickerDialog() {
    val calendar = Calendar.getInstance()
    val datePickerDialog = DatePickerDialog(
        this,
        { _, year, month, dayOfMonth ->
            // 格式化选中的日期并设置到EditText
            val selectedDate = String.format("%d-%02d-%02d", year, month+1, dayOfMonth)
            expiresAtEt.setText(selectedDate)
        },
        calendar.get(Calendar.YEAR),
        calendar.get(Calendar.MONTH),
        calendar.get(Calendar.DAY_OF_MONTH)
    )
    datePickerDialog.show()
}

Java示例： #

TextInputEditText expiresAtEt = (TextInputEditText) wExpiresAt.getEditText();
expiresAtEt.setOnClickListener(v -> showDatePickerDialog());

// 示例DatePickerDialog实现
private void showDatePickerDialog() {
    Calendar calendar = Calendar.getInstance();
    DatePickerDialog datePickerDialog = new DatePickerDialog(
            this,
            (view, year, month, dayOfMonth) -> {
                String selectedDate = String.format("%d-%02d-%02d", year, month+1, dayOfMonth);
                expiresAtEt.setText(selectedDate);
            },
            calendar.get(Calendar.YEAR),
            calendar.get(Calendar.MONTH),
            calendar.get(Calendar.DAY_OF_MONTH)
    );
    datePickerDialog.show();
}

这样设置后，第一次点击EditText就会直接触发点击事件弹出DatePicker，不会有焦点获取的干扰。

方案2：同时监听焦点变化和点击事件（适合需要保留编辑能力的场景） #

如果你的EditText需要允许用户手动输入（这种场景比较少见，但也有需求），可以同时监听焦点变化和点击事件，确保两种情况都能弹出DatePicker：

Kotlin示例： #

val expiresAtEt = wExpiresAt.editText as TextInputEditText

// 监听点击事件
expiresAtEt.setOnClickListener {
    showDatePickerDialog()
}

// 监听焦点变化：第一次点击会先触发焦点获取，这里捕获后弹出DatePicker
expiresAtEt.setOnFocusChangeListener { _, hasFocus ->
    if (hasFocus) {
        showDatePickerDialog()
        // 可选：弹出后让EditText失去焦点，避免关闭DatePicker后重复触发
        expiresAtEt.clearFocus()
    }
}

Java示例： #

TextInputEditText expiresAtEt = (TextInputEditText) wExpiresAt.getEditText();

expiresAtEt.setOnClickListener(v -> showDatePickerDialog());

expiresAtEt.setOnFocusChangeListener((v, hasFocus) -> {
    if (hasFocus) {
        showDatePickerDialog();
        expiresAtEt.clearFocus();
    }
});

这里的clearFocus()是为了避免用户关闭DatePicker后，EditText重新获取焦点又弹出一次的问题，可根据你的需求调整。

方案3：自定义EditText重写触摸事件（进阶方案） #

如果上面的方案都不满足需求，可以自定义一个EditText，重写onTouchEvent方法，确保第一次触摸就触发点击事件：

自定义EditText类（Kotlin）： #

class DatePickerEditText(context: Context, attrs: AttributeSet?) : TextInputEditText(context, attrs) {
    override fun onTouchEvent(event: MotionEvent?): Boolean {
        if (event?.action == MotionEvent.ACTION_UP) {
            // 强制触发点击事件
            performClick()
            return true
        }
        return super.onTouchEvent(event)
    }

    // 重写performClick确保事件被正确处理
    override fun performClick(): Boolean {
        super.performClick()
        return true
    }
}

然后在布局里替换原来的TextInputEditText：

<android.support.design.widget.TextInputLayout
    android:id="@+id/wExpiresAt"
    style="@style/AppTheme.TextInputLayout"
    android:layout_width="180dp"
    android:layout_height="wrap_content">

    <com.yourpackage.DatePickerEditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="选择过期日期"/>

</android.support.design.widget.TextInputLayout>

最后给自定义EditText设置点击监听即可，逻辑和方案1一致。

你可以根据业务场景选最合适的方案，一般方案1就足够解决大部分关联DatePicker的EditText问题啦。

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