Android自定义30分钟间隔Time Picker实现方法及代码求教

前提说明 #

原生TimePicker未直接提供时间间隔配置能力，以下方案通过修改分钟选择器的数值映射逻辑实现需求，兼容Android 5.0+版本，无需引入第三方依赖。

实现步骤 #

• 第一步：在布局文件中添加TimePicker组件，指定为滚轮模式（仅滚轮模式支持自定义间隔，系统默认的时钟模式无法修改）

<TimePicker
    android:id="@+id/customTimePicker"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:timePickerMode="spinner"
    android:layout_gravity="center"/>

• 第二步：在Activity/Fragment中编写分钟选择器的映射逻辑，将原生0-59的分钟范围映射为0、30两个可选值，同时处理时间选择事件的数值转换

Kotlin 示例代码 #

import android.os.Bundle
import android.widget.NumberPicker
import android.widget.TimePicker
import androidx.appcompat.app.AppCompatActivity

class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
        
        val timePicker = findViewById<TimePicker>(R.id.customTimePicker)
        // 不需要24小时制的话将参数改为false，会自动显示上午/下午选项
        timePicker.setIs24HourView(true)
        
        // 获取TimePicker内置的分钟选择器控件
        val minutePicker = timePicker.findViewById<NumberPicker>(
            resources.getIdentifier("minute", "id", "android")
        )
        
        // 设置可选范围为0-1，对应2个选项
        minutePicker.minValue = 0
        minutePicker.maxValue = 1
        // 自定义滚轮显示的文本
        minutePicker.displayedValues = arrayOf("00", "30")
        
        // 监听选中的时间
        timePicker.setOnTimeChangedListener { _, hour, minute ->
            // 此处返回的minute是滚轮的位置索引，乘以30得到真实分钟值
            val realMinute = minute * 30
            val selectedTime = String.format("%02d:%02d", hour, realMinute)
            // 此处添加自己的业务逻辑即可
        }
    }
}

Java 示例代码 #

import android.os.Bundle;
import android.widget.NumberPicker;
import android.widget.TimePicker;
import androidx.appcompat.app.AppCompatActivity;

public class MainActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        
        TimePicker timePicker = findViewById(R.id.customTimePicker);
        timePicker.setIs24HourView(true);
        
        int minuteId = getResources().getIdentifier("minute", "id", "android");
        NumberPicker minutePicker = timePicker.findViewById(minuteId);
        
        minutePicker.setMinValue(0);
        minutePicker.setMaxValue(1);
        minutePicker.setDisplayedValues(new String[]{"00", "30"});
        
        timePicker.setOnTimeChangedListener((view, hourOfDay, minute) -> {
            int realMinute = minute * 30;
            String selectedTime = String.format("%02d:%02d", hourOfDay, realMinute);
            // 此处添加自己的业务逻辑即可
        });
    }
}

注意事项 #

• 如果需要其他时间间隔（比如15分钟），仅需修改maxValue和displayedValues参数即可：15分钟间隔对应maxValue=3，displayedValues = arrayOf("00","15","30","45")
• 读取选中时间时必须将返回的minute值乘以间隔系数，否则拿到的是滚轮位置索引而非真实分钟数
• 该方案仅适配spinner模式的TimePicker，使用前必须在布局中指定android:timePickerMode="spinner"

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