如何在Android原生DatePicker控件中插入自定义文本？

你当前布局已经正确配置了spinner模式的日期、时间选择器，布局代码参考如下：

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="700px"
    android:layout_height="300px"
    android:background="@drawable/time_format_24"
    android:gravity="center"
    android:orientation="horizontal">

    <TableRow>
        <DatePicker
            android:id="@+id/datePicker"
            android:layout_width="420px"
            android:layout_height="match_parent"
            android:layout_gravity="center_horizontal"
            android:calendarViewShown="false"
            android:datePickerMode="spinner"
            android:endYear="2200"
            android:spinnersShown="true"
            android:startYear="2010"
            android:theme="@style/Theme.picker" />
        <TimePicker
            android:id="@+id/timePicker"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_gravity="center_horizontal"
            android:theme="@style/Theme.picker"
            android:timePickerMode="spinner" />
    </TableRow>
</TableLayout>

要实现滚轮选中项旁追加单位文本的效果，可以选择以下两种方案：

方案1：通过内置ID定位内部NumberPicker设置格式化器 #

Spinner模式的日期、时间选择器内部都是由NumberPicker组件实现，系统没有暴露直接添加文本的公开API，可以通过查找系统资源ID定位到每个滚轮，再通过格式化接口追加文本：

1. 不要在onCreate/onCreateView生命周期里直接操作内部控件，此时子View还未完成加载，需要等控件渲染完成后再执行逻辑。
2. 实现代码（Kotlin）：

// 控件加载完成后执行初始化
binding.datePicker.post {
    initDatePickerUnit(binding.datePicker)
}
binding.timePicker.post {
    initTimePickerUnit(binding.timePicker)
}

private fun initDatePickerUnit(picker: DatePicker) {
    runCatching {
        // 取系统内置ID对应的滚轮控件
        val yearPicker = picker.findViewById<NumberPicker>(resources.getIdentifier("year", "id", "android"))
        val monthPicker = picker.findViewById<NumberPicker>(resources.getIdentifier("month", "id", "android"))
        val dayPicker = picker.findViewById<NumberPicker>(resources.getIdentifier("day", "id", "android"))

        // 给每个滚轮设置格式化规则，追加单位
        yearPicker?.setFormatter { "$it年" }
        monthPicker?.setFormatter { "${it + 1}月" } // 系统月份返回值从0开始，需要+1
        dayPicker?.setFormatter { "${it}日" }

        // 刷新控件解决首次加载格式化不生效的问题
        listOf(yearPicker, monthPicker, dayPicker).forEach {
            it?.invalidate()
            it?.value = it?.value ?: 0
        }
    }
}

private fun initTimePickerUnit(picker: TimePicker) {
    runCatching {
        // 兼容不同系统版本的小时滚轮ID
        val hourResId = resources.getIdentifier("hour", "id", "android")
            .takeIf { it != 0 } ?: resources.getIdentifier("hour_of_day", "id", "android")
        val hourPicker = picker.findViewById<NumberPicker>(hourResId)
        val minutePicker = picker.findViewById<NumberPicker>(resources.getIdentifier("minute", "id", "android"))

        hourPicker?.setFormatter { "${it}时" }
        minutePicker?.setFormatter { "%02d分".format(it) } // 分钟补0显示

        listOf(hourPicker, minutePicker).forEach {
            it?.invalidate()
            it?.value = it?.value ?: 0
        }
        // 需要24小时制就打开下面这行
        // picker.setIs24HourView(true)
    }
}

方案1注意事项 #

• 仅支持spinner模式的选择器，日历模式、Material组件默认的下拉选择模式不适用。
• 部分深度定制的国产ROM可能修改了内部控件的资源ID，如果遇到不生效的情况，可以遍历DatePicker的所有子View，筛选出NumberPicker类型的实例，按年、月、日的顺序设置即可。
• 个别系统版本滑动滚轮时可能出现格式化文本短暂不显示的问题，是NumberPicker本身的缓存机制导致，可以用下面的方案2完全规避。

方案2：叠层固定文本（兼容性最优） #

不需要修改选择器内部逻辑，用ConstraintLayout或FrameLayout包裹DatePicker和TimePicker，在每个滚轮选中项的对应位置，直接摆放固定的TextView显示“年”“月”“日”“时”“分”即可，调整padding和margin对齐位置就能完全匹配你要的效果。
这种方案不依赖系统内部实现，所有系统版本、定制ROM都能生效，也不会出现滑动时文本闪烁的问题。

目标效果参考 #

内容的提问来源于stack exchange，提问作者WestMac-water