Android平台下能否移除TimePicker头部仅使用模拟表盘部分？

Absolutely! You can totally strip away the header section of the TimePicker component and retain only the analog dial for your custom view integration. Here are practical solutions based on the type of TimePicker you're working with:

For Material Design TimePicker (AndroidX) #

If you're using the modern MaterialTimePicker from AndroidX, the library actually provides a built-in way to hide the header via theme styling:

1. First, define a custom theme in your styles.xml or styles.xml(v21+):

<style name="NoHeaderTimePickerTheme" parent="Theme.MaterialComponents.Light.TimePicker">
    <item name="timePickerStyle">@style/NoHeaderTimePickerStyle</item>
</style>

<style name="NoHeaderTimePickerStyle" parent="Widget.MaterialComponents.TimePicker">
    <item name="headerVisibility">gone</item>
</style>

2. Apply this theme when building your MaterialTimePicker:

val timePicker = MaterialTimePicker.Builder()
    .setTimeFormat(TimeFormat.CLOCK_12H) // Or CLOCK_24H based on your needs
    .setHour(12)
    .setMinute(0)
    .setTheme(R.style.NoHeaderTimePickerTheme) // Use the custom theme here
    .build()

This will automatically hide the header section, leaving only the analog dial visible.

For Traditional TimePicker (Non-Material) #

If you're using the older, platform-default TimePicker component, you'll need to traverse its child views to locate and hide the header:

Create a helper function to handle this:

fun hideTimePickerHeader(timePicker: TimePicker) {
    // Try finding via the tag first (some versions use "time_header" as the tag)
    val headerViewGroup = timePicker.findViewWithTag<ViewGroup>("time_header")
    if (headerViewGroup != null) {
        headerViewGroup.visibility = View.GONE
        return
    }

    // Fallback: Traverse child views to locate the header
    for (i in 0 until timePicker.childCount) {
        val child = timePicker.getChildAt(i)
        if (child is ViewGroup) {
            // The header is typically the first child in the top-level container
            if (child.childCount > 0) {
                child.getChildAt(0).visibility = View.GONE
                break
            }
        }
    }
}

Then call this function after initializing your TimePicker (e.g., in onViewCreated for fragments or onCreate for activities):

val myTimePicker = findViewById<TimePicker>(R.id.my_time_picker)
hideTimePickerHeader(myTimePicker)

Note #

Keep in mind that the structure of the traditional TimePicker might vary slightly across Android versions, so you might need to adjust the view traversal logic if the initial approach doesn't work for your target API level.

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