UWP中如何实现支持时、分、秒的TimePicker控件？

嘿，这个问题我之前做项目时刚好碰到过！原生TimePicker确实没提供秒选择功能，最简的实现方式其实分两种，看你更倾向于轻量自定义还是直接用成熟方案：

方案一：原生控件组合（无依赖，轻量） #

这是最“轻”的方式，不用引入任何三方库，直接用三个NumberPicker拼出时、分、秒选择器，完全原生适配：

布局示例 #

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

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

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text=":"
        android:textSize="24sp"
        android:paddingHorizontal="8dp"/>

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

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text=":"
        android:textSize="24sp"
        android:paddingHorizontal="8dp"/>

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

代码初始化 #

// 获取控件实例
NumberPicker npHour = findViewById(R.id.np_hour);
NumberPicker npMinute = findViewById(R.id.np_minute);
NumberPicker npSecond = findViewById(R.id.np_second);

// 设置各选择器的范围
npHour.setMinValue(0);
npHour.setMaxValue(23); // 24小时制，若要12小时制设为11
npMinute.setMinValue(0);
npMinute.setMaxValue(59);
npSecond.setMinValue(0);
npSecond.setMaxValue(59);

// 可选：设置默认选中当前时间
Calendar now = Calendar.getInstance();
npHour.setValue(now.get(Calendar.HOUR_OF_DAY));
npMinute.setValue(now.get(Calendar.MINUTE));
npSecond.setValue(now.get(Calendar.SECOND));

// 监听选择变化（按需添加）
npHour.setOnValueChangedListener((picker, oldVal, newVal) -> {
    // 处理小时变化
});
// 分、秒的监听同理

这种方式的优势是完全原生、无依赖、代码量少，适配性拉满，基本能覆盖大部分基础需求。

方案二：使用成熟三方库（省心高效） #

如果不想自己写布局和交互逻辑，直接用已经封装好的支持秒选择的时间选择库就行，比如很多Material风格的DateTimePicker库都带这个功能：

核心用法示例 #

// 初始化时间选择器弹窗
TimePickerDialog timePickerDialog = TimePickerDialog.newInstance(
    (view, hourOfDay, minute, second) -> {
        // 在这里处理选中的时、分、秒
        String selectedTime = String.format("%02d:%02d:%02d", hourOfDay, minute, second);
        Toast.makeText(this, selectedTime, Toast.LENGTH_SHORT).show();
    },
    Calendar.getInstance().get(Calendar.HOUR_OF_DAY),
    Calendar.getInstance().get(Calendar.MINUTE),
    Calendar.getInstance().get(Calendar.SECOND),
    true // 是否启用24小时制
);

// 关键：开启秒选择功能
timePickerDialog.enableSeconds(true);

// 显示弹窗
timePickerDialog.show(getSupportFragmentManager(), "TIME_PICKER_DIALOG");

这种方式的好处是UI风格统一、自带弹窗逻辑、交互更完善，不用自己处理弹窗的显示/隐藏、屏幕旋转适配等细节，适合快速开发场景。

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