选择日期时关闭日历

Question

我正在创建一个新的日历控件。我已将所选日期设置为按钮文本。选择日期后，我需要关闭日历。

<Window x:Class="DemoApp2.Views.Window1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="Window1" Height="300" Width="300">
     <Window.Resources>
     </Window.Resources>
  <Grid>
      <ToggleButton x:Name="btn" Content="{Binding SelectedDate, ElementName=CalendarControl}" Background="Red" Margin="50,103,55,130">
      </ToggleButton>
      <Popup IsOpen="{Binding ElementName=btn, Path=IsChecked}" StaysOpen="False" PopupAnimation="Scroll" PlacementRectangle="50,53,50,50">
         <Calendar x:Name="CalendarControl"
                  HorizontalAlignment="Center"
                  VerticalAlignment="Center">
         </Calendar>
       </Popup>
   </Grid>
</Window>

我更喜欢 xaml 代码。等待您的宝贵帮助。提前致谢。

Answer 1

对于纯 XAML 方法，您必须使用 Blend Behaviors。

下载Blend 3 SDK，Blend 4 SDK。

xmlns:i="clr-命名空间:System.Windows.Interactivity;assembly=System.Windows.Interactivity" xmlns:ic="clr-namespace:Microsoft.Expression.Interactivity.Core;assembly=Microsoft.Expression.Interactions"

<ToggleButton x:Name="btn" Content="{Binding SelectedDate, ElementName=CalendarControl}" Background="Red" Margin="50,103,55,130"/>

<Popup x:Name="Popup1" IsOpen="{Binding IsChecked, ElementName=btn, Mode=TwoWay}" StaysOpen="False" PopupAnimation="Scroll" PlacementRectangle="50,53,50,50">
    <Calendar x:Name="CalendarControl"               
            HorizontalAlignment="Center"
            VerticalAlignment="Center">
        <i:Interaction.Triggers>
            <i:EventTrigger EventName="SelectedDatesChanged">
                <ic:ChangePropertyAction TargetName="btn" PropertyName="IsChecked" Value="False"/>
            </i:EventTrigger>
        </i:Interaction.Triggers>
    </Calendar>
</Popup>