android compose TimePicker 时间选择器 使用

android compose TimePicker 时间选择器 使用

package com.wn.androidcomposedemo1.basegoogle

import android.os.Bundle
import android.util.Log
import android.widget.Space
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.compose.foundation.layout.Arrangement
import androidx.compose.foundation.layout.Column
import androidx.compose.foundation.layout.Row
import androidx.compose.foundation.layout.Spacer
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.foundation.layout.fillMaxWidth
import androidx.compose.foundation.layout.height
import androidx.compose.foundation.layout.width
import androidx.compose.material3.Button
import androidx.compose.material3.ExperimentalMaterial3Api
import androidx.compose.material3.MaterialTheme
import androidx.compose.material3.Surface
import androidx.compose.material3.Text
import androidx.compose.material3.TimeInput
import androidx.compose.material3.TimePicker
import androidx.compose.material3.rememberTimePickerState
import androidx.compose.runtime.Composable
import androidx.compose.ui.Modifier
import androidx.compose.ui.unit.dp
import com.wn.androidcomposedemo1.ui.theme.AndroidComposeDemo1Theme
import java.util.Calendar

/**
 * Author : wn
 * Email : maoning20080808@163.com
 * Date : 2026/6/28 20:16
 * Description : 时间选择器
 */
class TimeActivity : ComponentActivity(){

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)

        setContent {
            AndroidComposeDemo1Theme() {
                Surface(
                    modifier = Modifier.fillMaxSize(),
                    color = MaterialTheme.colorScheme.background
                ) {
                    TimeDemo()
                }
            }
        }
    }

    @Composable
    fun TimeDemo(){

        Column() {
            DialExample(
                onConfirm = {
                    Log.d("AAA", "点击确认")
                },
                onDismiss = {
                    Log.d("AAA", "点击取消")
                }
            )

            Spacer(Modifier.height(20.dp))
            Text("输入时间选择器")
            InputExample(
                onConfirm = {
                    Log.d("AAA", "点击确认")
                },
                onDismiss = {
                    Log.d("AAA", "点击取消")
                }
            )
        }

    }


    @OptIn(ExperimentalMaterial3Api::class)
    @Composable
    fun DialExample(
        onConfirm: () -> Unit,
        onDismiss: () -> Unit
    ){
        val currentTime = Calendar.getInstance()

        val timePickerState = rememberTimePickerState(
            initialHour = currentTime.get(Calendar.HOUR_OF_DAY),
            initialMinute = currentTime.get(Calendar.MINUTE),
            is24Hour = true
        )

        Column() {
            TimePicker(
                state = timePickerState
            )

            Row(
                modifier = Modifier.fillMaxWidth(),
                horizontalArrangement = Arrangement.Center
            ) {
                Button(onClick = onDismiss) {
                    Text("取消")
                }
                Spacer(Modifier.width(20.dp))
                Button(onClick = onConfirm) {
                    Text("确定")
                }
            }

        }
    }

    @OptIn(ExperimentalMaterial3Api::class)
    @Composable
    fun InputExample(
        onConfirm: () -> Unit,
        onDismiss: () -> Unit
    ){
        val currentTime = Calendar.getInstance()
        val timePickerState = rememberTimePickerState(
            initialHour = currentTime.get(Calendar.HOUR_OF_DAY),
            initialMinute = currentTime.get(Calendar.MINUTE),
            is24Hour = true
        )

        Column() {
            TimeInput(
                state = timePickerState,
            )

            Row(
                modifier = Modifier.fillMaxWidth(),
                horizontalArrangement = Arrangement.Center
            ) {
                Button(onClick = onDismiss) {
                    Text("取消")
                }

                Button(onClick = onConfirm) {
                    Text("确定")
                }
            }

        }
    }
}