如何通过代码将Android.TimePicker切换回小时设置模式

我之前也碰到过类似的自定义TimePicker交互问题，给你几个实用的解决思路，适配不同的需求场景：

方案1：添加自定义切换按钮（最简单直接） #

既然原生头部的切换入口没了，那就自己加一个切换控件，放在TimePicker的合适位置（比如顶部或底部），让用户能主动触发小时/分钟模式的切换。

代码示例（Kotlin）：

class CustomTimePicker @JvmOverloads constructor(
    context: Context, attrs: AttributeSet? = null, defStyleAttr: Int = 0
) : TimePicker(context, attrs, defStyleAttr) {

    private var isHourMode = true

    init {
        // 隐藏原生头部
        val header = findViewById<ViewGroup>(resources.getIdentifier("time_header", "id", "android"))
        header?.visibility = View.GONE

        // 创建自定义切换按钮
        val toggleBtn = TextView(context).apply {
            text = "切换到分钟"
            setTextColor(ContextCompat.getColor(context, android.R.color.black))
            setPadding(16, 8, 16, 8)
            setOnClickListener {
                toggleSelectionMode()
            }
        }
        // 将按钮插入到TimePicker布局的最顶部
        if (this is ViewGroup) {
            addView(toggleBtn, 0)
        }
    }

    private fun toggleSelectionMode() {
        isHourMode = !isHourMode
        // 通过反射调用TimePicker内部的切换方法
        try {
            val toggleMethod = TimePicker::class.java.getDeclaredMethod("toggle")
            toggleMethod.isAccessible = true
            toggleMethod.invoke(this)
            // 更新按钮文本
            val toggleBtn = getChildAt(0) as TextView
            toggleBtn.text = if (isHourMode) "切换到分钟" else "切换到小时"
        } catch (e: Exception) {
            e.printStackTrace()
        }
    }
}

方案2：利用分钟选择区域触发切换（无额外控件） #

如果不想增加额外按钮，可以给分钟的数字选择区域添加点击监听，当用户在分钟模式下点击分钟区域时，自动切换回小时模式。

代码示例（Kotlin）：

class CustomTimePicker @JvmOverloads constructor(
    context: Context, attrs: AttributeSet? = null, defStyleAttr: Int = 0
) : TimePicker(context, attrs, defStyleAttr) {

    init {
        // 隐藏原生头部
        val header = findViewById<ViewGroup>(resources.getIdentifier("time_header", "id", "android"))
        header?.visibility = View.GONE

        // 获取内部的分钟NumberPicker
        val minutePicker = findViewById<NumberPicker>(resources.getIdentifier("minute", "id", "android"))
        minutePicker?.setOnClickListener {
            // 反射判断当前模式，1通常代表分钟模式（不同版本可能有差异，需测试）
            try {
                val modeField = TimePicker::class.java.getDeclaredField("mCurrentMode")
                modeField.isAccessible = true
                val currentMode = modeField.getInt(this)
                if (currentMode == 1) {
                    val toggleMethod = TimePicker::class.java.getDeclaredMethod("toggle")
                    toggleMethod.isAccessible = true
                    toggleMethod.invoke(this)
                }
            } catch (e: Exception) {
                e.printStackTrace()
            }
        }
    }
}

注意：不同Android版本的TimePicker内部字段名、模式取值可能有差异，建议在目标版本上测试验证。

方案3：完全自定义TimePicker布局（兼容性最好） #

如果担心反射的版本兼容性问题，可以彻底抛弃原生TimePicker的内部结构，自己用两个NumberPicker实现小时和分钟选择，完全掌控交互逻辑。

示例布局（res/layout/custom_time_picker.xml）：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical">

    <TextView
        android:id="@+id/toggle_mode"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="切换到分钟"
        android:padding="16dp"
        android:clickable="true"
        android:textSize="16sp"/>

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

        <NumberPicker
            android:id="@+id/hour_picker"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"/>

        <NumberPicker
            android:id="@+id/minute_picker"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"/>
    </LinearLayout>
</LinearLayout>

自定义View类：

class CustomTimePicker @JvmOverloads constructor(
    context: Context, attrs: AttributeSet? = null, defStyleAttr: Int = 0
) : LinearLayout(context, attrs, defStyleAttr) {

    private val hourPicker: NumberPicker
    private val minutePicker: NumberPicker
    private val toggleBtn: TextView
    private var isHourMode = true

    init {
        inflate(context, R.layout.custom_time_picker, this)
        hourPicker = findViewById(R.id.hour_picker)
        minutePicker = findViewById(R.id.minute_picker)
        toggleBtn = findViewById(R.id.toggle_mode)

        // 初始化选择器范围
        hourPicker.minValue = 0
        hourPicker.maxValue = 23
        minutePicker.minValue = 0
        minutePicker.maxValue = 59

        // 切换逻辑
        toggleBtn.setOnClickListener {
            isHourMode = !isHourMode
            toggleBtn.text = if (isHourMode) "切换到分钟" else "切换到小时"
            // 通过禁用状态区分当前选择模式
            hourPicker.isEnabled = isHourMode
            minutePicker.isEnabled = !isHourMode
        }
    }

    // 对外提供获取时间的方法
    fun getSelectedHour(): Int = hourPicker.value
    fun getSelectedMinute(): Int = minutePicker.value
}

这个方案虽然工作量稍大，但完全不受系统版本限制，交互逻辑可以随心所欲定制。

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