如何为特定UWP TimePicker选择性自定义Flyout样式

要实现仅为特定代码创建的TimePicker应用自定义Flyout样式，你可以按以下步骤操作：

1. 给自定义样式添加唯一标识（x:Key） #

首先修改App.xaml中你的TimePickerFlyoutPresenter样式，给它加上x:Key属性，这样它就不会作为全局默认样式生效，而是需要显式引用才会应用：

<Application.Resources>
    <ResourceDictionary>
        <!-- 给样式添加x:Key，比如命名为DurationTimePickerFlyoutStyle -->
        <Style x:Key="DurationTimePickerFlyoutStyle" TargetType="TimePickerFlyoutPresenter">
            <!-- 你的自定义样式内容（比如添加小时/分钟列标题等） -->
        </Style>
    </ResourceDictionary>
</Application.Resources>

2. 代码创建TimePicker时显式应用样式 #

在代码中创建TimePicker后，获取它的Flyout并转换为TimePickerFlyout，然后将其PresenterStyle设置为你定义的自定义样式：

// 创建用于选择时长的TimePicker
var durationPicker = new TimePicker
{
    ClockIdentifier = "24HourClock",
    // 可以设置其他属性，比如默认时间等
};

// 获取并配置它的Flyout
if (durationPicker.Flyout is TimePickerFlyout timeFlyout)
{
    // 从应用全局资源中获取自定义样式
    if (Application.Current.Resources.TryGetValue("DurationTimePickerFlyoutStyle", out var styleObj) && styleObj is Style customFlyoutStyle)
    {
        timeFlyout.PresenterStyle = customFlyoutStyle;
    }
}

// 将TimePicker添加到目标容器中
yourParentContainer.Children.Add(durationPicker);

原理说明 #

• 原来的样式会全局生效，是因为没有设置x:Key的Style会自动成为对应TargetType的默认样式，所有同类型控件都会继承它。
• 加上x:Key后，样式变成"命名资源"，只有显式指定引用的控件才会使用它，完美实现了选择性应用的需求。

如果你的自定义样式中包含了列标题的UI元素（比如在TimePickerFlyoutPresenter的模板里添加TextBlock作为小时/分钟的标题），这个方法能确保只有你指定的这个TimePicker的Flyout才会显示这些标题，其他普通TimePicker不受影响。

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