中山网站推广优化,sem优化策略,蓝牙小程序开发教程,公主岭市住房和城乡建设局网站文章目录 1.概念介绍2.使用方法3.示例代码 我们在上一章回中介绍了Snackbar Widget相关的内容,本章回中将介绍TimePickerDialog Widget.闲话休提#xff0c;让我们一起Talk Flutter吧。 1.概念介绍
我们在这里说的TimePickerDialog是一种弹出窗口#xff0c;只不过窗口的内容… 文章目录 1.概念介绍2.使用方法3.示例代码 我们在上一章回中介绍了Snackbar Widget相关的内容,本章回中将介绍TimePickerDialog Widget.闲话休提让我们一起Talk Flutter吧。 1.概念介绍
我们在这里说的TimePickerDialog是一种弹出窗口只不过窗口的内容固定显示为时间它主要用来让用户选择时间选择完时间后点击确认或者取消按钮窗口就会消失。本章回将详细介绍它的使用方法。
2.使用方法
和其它Widget类似我们可以通过TimePickerDialog的属性来操作它下面是一些常用的属性
initialTime属性用来调控初始化时间也就是弹出窗口时看到的时间cancelText属性用来控制取消按钮显示的文字confirmText属性用来控制确认按钮显示的文字hourLabelText属性用来控制小时显示的文字默认显示Hour;minuteLabelText属性用来控制分钟显示的文字默认显示Minute;initialEntryMode属性用来控制窗口的样式有dial和input模式供选择
注意上面的这些属性中initialTime属性是必选的其它属性都是可选的。弹出窗口的默认样式默认是dial在该样式下窗口中会显示设置时间的文字和一个圆盘钟表这两种方式都可以修改时间
我的经验是修改成input样式使用文字形式修改时间主要是圆盘钟表有些大占用了很大一部分屏幕。TimePickeerDialog组件不能单独使用需要配合showDialog()方法或者showTimePicker()方法一起使用才可以。接下来我们通过代码来演示它们如何配合使用。
3.示例代码
showDialog(context: context,builder: (context) {return const TimePickerDialog(initialTime: TimeOfDay(hour: 12, minute: 3),initialEntryMode: TimePickerEntryMode.dial,);
});showTimePicker(context: context,hourLabelText: H,minuteLabelText: M,initialEntryMode: TimePickerEntryMode.inputOnly,initialTime: TimeOfDay(hour: 12, minute: 3),
);在上面的代码中我们使用了两种方法来显示TimePickerDialogshowDialog()方法通过builder属性创建了一个TimePickerDialog对象。showTimePicker()方法是直接显示TimePicker访方法的参数和TimePickerDialog的属性十分相似。把这种方法赋值给Button类组件的onPress属性点击Button时就会弹出窗口
然后就可以在窗口中选择时间了。虽然这两种方法都可以创建TimePickerDialog但是我推荐使用showTimePicker()方法一方面它比showDialog()方法使用方便另一方面showDialog()方法中设置TimePickerDialog的属性时没有效果也就是说你无法修改窗口中显示的内容。我建议大家自己动手试试体会一下这两种方法的不同点。
看官们关于TimePickerDialog Widget的内容就介绍到这里欢迎大家在评论区交流与讨论!
