2016年7月18日 星期一

[C#] WPF的DatePicker的日曆放大

第一天

這是我在寫C#時候使用DatePicker遇到的問題:

「日曆上的字太小了」
可是經過一番嘗試
還是找不到FontSize之類的Attribute去把它放大
最後發現需要使用<DatePicker CalendarStyle="xxx"> 並另外設定日曆風格來設定日曆的大小。

設定Style,並命名這個風格為 "styleCalendar"

<Style x:Key="styleCalendar" TargetType="{x:Type Calendar}">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type Calendar}">
                <!-- Wrapping in ViewBox will enlarge calendar of that size.-->
                <Viewbox Height="400"
                         Width="400">
                    <CalendarItem x:Name="PART_CalendarItem"
                                  Background="{TemplateBinding Background}"
                                  BorderBrush="{TemplateBinding BorderBrush}"
                                  BorderThickness="{TemplateBinding BorderThickness}"/>
                </Viewbox>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

在我們的DatePicker上加入CalendarStyle

<DatePicker CalendarStyle="{StaticResource styleCalendar}" Height="25" HorizontalAlignment="Left" Name="datePicker1" Width="115" />




Credit: Tarun Kumar Singh
https://tarundotnet.wordpress.com/2011/12/19/how-to-enlarge-or-re-size-calendar-in-wpf-datepicker/

沒有留言:

張貼留言