WP7 设置日期选择器边框颜色

Question

我在设置工具包日期选择器中出现在页面上的边框颜色时遇到问题。我不是在谈论 DatePickerPage。我可以设置背景和前景色，但边框不起作用。

<toolkit:DatePicker x:Name="dpDeliverBy" Header="Deliver By" Grid.Row="6" 
HeaderTemplate="{StaticResource MyHeaderTemplate}" Margin="-12, 0, 0, -10" Value=""
BorderBrush="Black" Background="White" BorderThickness="2" Foreground="Black" />

边界似乎没有固定下来，我不知道还有什么其他财产可以使用。

Answer 1

有趣的是，您无法编辑 DatePicker 模板。我通过查看源代码发现由于某种原因它发生了因为模板是在主控件主题 - Generic.xaml 中定义的，并且它本身没有定义 BorderBrush 属性。

下载该软件包 - 您将需要它在现有框架之上构建自定义控件。

您应该打开该主题文件，如果查看 DatePicker 的模板，则可以编辑 BorderBrush 和 BorderThickness 的值。要记住的一件事 - 一旦重新编译源代码，您需要确保使用正确的库（在主项目中引用时）。默认情况下，当您添加 Microsoft.Phone.Controls.Toolkit 单元时，它将引用在 GAC 中注册的库（假设您安装了该工具包）并采用位于 SDK 文件夹中的库-你不想要这样。更改库名称或更改本地副本。

如果您需要这方面的教程，我刚刚写了一个。

下面是修改后的样式（在源码中修改，以便于复用）：

<Style TargetType="controls:DatePicker">
    <Setter Property="Background" Value="{StaticResource PhoneTextBoxBrush}"/>
    <Setter Property="BorderThickness" Value="0"/>
    <Setter Property="BorderBrush" Value="Azure"/>
    <Setter Property="Foreground" Value="{StaticResource PhoneTextBoxForegroundBrush}"/>
    <Setter Property="HorizontalContentAlignment" Value="Left"/>
    <Setter Property="PickerPageUri" Value="/Microsoft.Phone.Controls.Toolkit;component/DateTimePickers/DatePickerPage.xaml"/>
    <Setter Property="ValueStringFormat" Value="{}{0:d}"/>
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="controls:DatePicker">
                <StackPanel>
                    <ContentControl
                        Content="{TemplateBinding Header}"
                        ContentTemplate="{TemplateBinding HeaderTemplate}"
                        Foreground="{StaticResource PhoneSubtleBrush}"
                        HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}"
                        Margin="12,0,12,-4"/>
                    <Button
                        x:Name="DateTimeButton"
                        Content="{TemplateBinding ValueString}"
                        Background="{TemplateBinding Background}"
                        BorderThickness="{TemplateBinding BorderThickness}"
                        BorderBrush="{TemplateBinding BorderBrush}"
                        FontFamily="{TemplateBinding FontFamily}"
                        Foreground="{TemplateBinding Foreground}"
                        Height="72"
                        HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}"/>
                </StackPanel>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

Answer 2

没有必要重建Silverlight工具包来达到预期的效果。该工具包采用的方法与自 XAML 诞生以来一直使用的方法相同：“外观”控件。控件的逻辑在类文件中定义，视觉外观在 Themes\generic.xaml 文件的 XAML 中定义。

框架使用此文件中的 XAML 呈现控件，除非您指定替换（这是常见的做法）。因此，您所需要做的就是在 App.xaml 中添加新样式，然后不需要重新编译 Toolkit 程序集，因为框架将使用您的自定义样式而不是新样式。

如果您愿意，VSJ 上有一篇很好的文章解释了此模型了解更多。