[WinUI 3][CalendarDatePicker] カレンダーの表示/非表示を切り替える

今回は、カレンダーの表示/非表示を切り替える方法について説明します。

環境

カレンダーの表示/非表示

CalendarDatePicker の表示/非表示を切り替えるには IsCalendarOpen プロパティを使用します。既定では False に設定されているため、ヘッダーをクリックしないいとカレンダーが表示されません。あらかじめ True をセットしておくと、アプリ起動時にカレンダーが表示された状態になります。

以下は XAML の例です。

<Window
    x:Class="CalendarDatePickerSample.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:CalendarDatePickerSample"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:muxc="using:Microsoft.UI.Xaml.Controls"
    mc:Ignorable="d">

    <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" VerticalAlignment="Top">
        <CalendarDatePicker x:Name="calendarDatePicker1" 
                            IsCalendarOpen="True" />
    </StackPanel>
</Window>

コードで設定する例を以下に示します。

public MainWindow()
{
    this.InitializeComponent();
    calendarDatePicker1.IsCalendarOpen = true;
}

IsCalendaOpen プロパティによるカレンダーの表示/非表示設定

Please follow and like us: