我正在开发 UWP (Win10 - VS2015) 应用程序。当应用程序运行时,时间选择器/日期选择器始终采用这种格式,请参见 Img (1),当我们点击 img(1) 控件时,它会显示/弹出 img(2) 浮出控件,但我需要显示页面加载时的整页弹出模式(如 img(2)),而不是点击 img(1)。
我检查了 Timepicker 的样式和模板,但没有找到任何东西。请帮忙。
或者我们如何获得与 iPad 相同的自定义时间选择器控件。在此处查看img 链接
我正在开发 UWP (Win10 - VS2015) 应用程序。当应用程序运行时,时间选择器/日期选择器始终采用这种格式,请参见 Img (1),当我们点击 img(1) 控件时,它会显示/弹出 img(2) 浮出控件,但我需要显示页面加载时的整页弹出模式(如 img(2)),而不是点击 img(1)。
我检查了 Timepicker 的样式和模板,但没有找到任何东西。请帮忙。
或者我们如何获得与 iPad 相同的自定义时间选择器控件。在此处查看img 链接
作为一种解决方法,我在下面找到了解决方案。希望能帮助到你。
附加TimePickerFlyout
到。TimePicker
它Placement
有财产。在那里你可以指定Full mode
.
<TimePicker x:Name="TestTimePicker" ClockIdentifier="24HourClock" Time="0" >
<FlyoutBase.AttachedFlyout>
<TimePickerFlyout Placement="Full" TimePicked="TimePickerFlyout_TimePicked"/>
</FlyoutBase.AttachedFlyout>
</TimePicker>
在页面加载时显示浮出控件。不要忘记调用UpdateLayout
页面,否则当您点击接受按钮时,Flyout 不会关闭。
private void MainPage_Loaded(object sender, RoutedEventArgs e)
{
FlyoutBase.ShowAttachedFlyout(TestTimePicker);
UpdateLayout();
}
在 TimePicked 事件中,将选定的时间分配给TimePicker
private void TimePickerFlyout_TimePicked(TimePickerFlyout sender, TimePickedEventArgs args)
{
TestTimePicker.Time = sender.Time;
}
这是屏幕截图。如果你想增加宽度和高度,你可以编辑样式TimePickerFlyoutPresenter
您还可以使用Syncfusion 的 TimePicker
或者您可以尝试编辑标准 UWP TimePicker 的样式。它位于文件 generic.xaml 中,它应该在文件夹中,如
C:\Program Files\Windows Kits\10\DesignTime\CommonConfiguration\Neutral\UAP\10.0.10240.0\Generic
您可以搜索 TimePicker 或 TimePickerFlyoutPresenter