如何增加CalendarDatePicker上选择的日期的字体大小

时间:2018-03-05 15:33:58

标签: xaml datepicker uwp windows-10-universal

我的UWP应用程序有CalendarDatePicker控件。我无法使用FontSize属性增加所选日期字体的大小。

如何在不改写大量样式的情况下轻松完成此操作?

以下是我的基本代码:

<Page
    x:Class="CalendarPickerExample.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:CalendarPickerExample"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d">

    <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
        <CalendarDatePicker FontSize="30" />
    </Grid>

</Page>

无论我在FontSize上设置CalendarDatePicker属性的大小,所选日期的字体大小都不会增加。

FontSize on CalendarDatePicker

请帮忙!

2 个答案:

答案 0 :(得分:1)

您可以使用Live Visual Tree工具检查控件的属性,在您要更改内部TextBlock的大小的情况下:

Live Visual Tree Live Property Explorer

您可以在默认样式https://msdn.microsoft.com/en-us/library/windows/apps/mt299110.aspx

的副本中修改TextBlock字体大小

如您所见,它在默认模板中硬编码为15:

<TextBlock x:Name="DateText"
                   HorizontalAlignment="Left"
                   Foreground="{ThemeResource SystemControlForegroundBaseMediumBrush}"
                   Text="{TemplateBinding PlaceholderText}"
                   Grid.Row="1"
                   FontSize="15"
                   Padding="12, 0, 0, 2"
                   VerticalAlignment="Center" />

答案 1 :(得分:1)

您可以使用UWP社区工具包中的Visual Tree Extensions按名称或类型获取文本框控件,并修改其FontSize属性:

 <CalendarDatePicker x:Name="Calender"/>

-

 Calender.FindDescendantByName("DateText").FontSize = 30;