Material TimePicker键盘模式下非活跃输入框背景色无法修改

云上老周

2026-7-10

修改Material TimePicker键盘模式非活跃输入框背景色的解决方案

要修改键盘模式下非活跃输入框的灰色背景，核心是针对键盘模式内部使用的TextInputLayout控件进行样式定制，具体步骤如下：

1. 创建自定义TextInputLayout样式

在styles.xml中定义时间选择器输入框的专属样式，指定非聚焦状态的背景色：

<style name="CustomTimePickerTextInputLayout" parent="Widget.MaterialComponents.TextInputLayout.OutlinedBox">
    <!-- 设置非活跃（非聚焦）状态下的输入框背景色 -->
    <item name="boxBackgroundColor">@color/your_target_color</item>
    <!-- 可选：修改边框颜色以匹配设计风格 -->
    <!-- <item name="boxStrokeColor">@color/your_stroke_color</item> -->
</style>

2. 创建TimePicker主题Overlay

继承ThemeOverlay.MaterialComponents.TimePicker，将自定义的TextInputLayout样式关联到时间选择器主题：

<style name="Timepicker_theme" parent="ThemeOverlay.MaterialComponents.TimePicker">
    <!-- 绑定自定义输入框样式到时间选择器 -->
    <item name="textInputStyle">@style/CustomTimePickerTextInputLayout</item>
</style>

3. 应用主题到MaterialTimePicker

在创建TimePicker实例时启用自定义主题：

FragmentManager fragmentManager = getSupportFragmentManager();
MaterialTimePicker materialTimePicker = new MaterialTimePicker.Builder()
        .setTimeFormat(TimeFormat.CLOCK_24H)
        .setTheme(R.style.Timepicker_theme)
        .setInputMode(MaterialTimePicker.INPUT_MODE_KEYBOARD)
        .build();
materialTimePicker.show(fragmentManager, "a");