如何在WinUI3中设置Calendar View标题的字号？

需求：放大Calendar View的标题区域尺寸。

当前使用的XAML代码：

<StackPanel HorizontalAlignment="Center" VerticalAlignment="Center">
    <CalendarView
        Width="600"
        Height="600"
        DayItemFontSize="40"
        FirstOfMonthLabelFontSize="40"
        FirstOfYearDecadeLabelFontSize="40"
        MonthYearItemFontSize="40"
        FontSize="40">
    </CalendarView>
</StackPanel>

已尝试调整几乎所有字号设置选项，但仍未找到可修改标题尺寸的选项。

解决方法 #

CalendarView的标题区域尺寸无法通过公开的直接属性修改，需要自定义控件模板来调整：

1. 提取默认模板：通过Blend工具右键点击CalendarView，选择「编辑模板」->「编辑副本」，生成默认的控件模板XAML。
2. 修改标题区域布局：在生成的模板中找到负责标题的CalendarViewHeader部分，或者定位到CalendarViewMonthYearItem的样式，调整以下属性：
   • 修改MinHeight/Height参数增加标题区域的高度
   • 调整Padding值来增加内边距，扩大显示区域
   • 若需要，进一步修改内部TextBlock的FontSize和Margin参数

示例修改代码 #

以下是简化后的自定义模板片段，重点调整标题项的尺寸：

<Style x:Key="CustomCalendarViewStyle" TargetType="CalendarView">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="CalendarView">
                <!-- 其他模板内容省略 -->
                <CalendarViewHeader x:Name="Header" 
                                    MinHeight="120" <!-- 增大标题区域最小高度 -->
                                    Padding="20"> <!-- 增加内边距 -->
                    <CalendarViewHeader.ContentTemplate>
                        <DataTemplate>
                            <CalendarViewMonthYearItem FontSize="50" <!-- 增大标题字号 -->
                                                      Padding="10"/>
                        </DataTemplate>
                    </CalendarViewHeader.ContentTemplate>
                </CalendarViewHeader>
                <!-- 其他模板内容省略 -->
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

将CalendarView的Style属性设置为上述自定义样式即可生效：

<CalendarView Style="{StaticResource CustomCalendarViewStyle}" .../>

内容的提问来源于stack exchange，提问作者poramin work