[WPF] DatePicker のカレンダーを大きくする

 次のように DatePicker 自体を拡大する場合、カレンダーも同じように大きくなります。

<DatePicker>
    <DatePicker.LayoutTransform>
        <ScaleTransform ScaleX="2" ScaleY="2"/>
    </DatePicker.LayoutTransform>
</DatePicker>

 しかし逆に言うとこの場合は、本体自体も大きくしなければならず、カレンダーだけを大きくすることはできません。また、コントロールを大きく表示したい場合に、拡大をするのではなくフォントサイズを大きくする方法をとることのあるそうです。この場合、本体自体は大きくなりますがカレンダーは大きくなりません。例えば次のようなコードの場合がそれにあたります。

<DatePicker FontSize="20"/>

 

■ カレンダーだけを大きくする

 DatePickerCalendarStyle でカレンダーのスタイルと変更できます。ここで LayoutTransform を指定しカレンダーを大きくします。

<DatePicker>
    <DatePicker.CalendarStyle>
        <Style TargetType="Calendar">
            <Setter Property="LayoutTransform">
                <Setter.Value>
                    <ScaleTransform ScaleX="2" ScaleY="2"/>
                </Setter.Value>
            </Setter>
        </Style>
    </DatePicker.CalendarStyle>
</DatePicker>
広告

コメントを残す

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト /  変更 )

Google+ フォト

Google+ アカウントを使ってコメントしています。 ログアウト /  変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト /  変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト /  変更 )

%s と連携中