WPF自定义日历没有上一个和下一个按钮，也没有DisplayMode选项

Question

我使用每个月的单个日历控件创建一个12个月的日历。由于我通过明年和上一年的单独按钮控制日历（1月 - 12月），因此我想从单个日历中删除上一个和下一个日历按钮，并禁用更改显示模式的功能。

由于我是XAML的新手，并且更愿意在代码中进行此操作，因此我宁愿在运行时更改样式，但愿意学习如何通过XAML进行实现，但我很难找到一个示例有人做这样的事情。

希望有人可以提供帮助。

Answer 1

我会推荐您本文，以获得对日历控制的一些基本理解。

简而言之，您需要修改calendaritemstyle并从其模板中删除part_previousbutton和part_nextbutton。您可以在此处找到日历控件的所有部分的默认模板。

当您创建一个没有这些零件的新日历项目样式时，然后将其设置为XAML中日历的calendaritemstyle属性。

Answer 2

好吧，经过大量的挖掘，许多例子，多德斯基将我指向正确的方向。我弄清楚了，觉得分享是偿还开发人员社区的最佳方法。由于，我是XAML的新手，这是我参加的项目战的一场小胜利。希望它将帮助像我这样的其他新手。

我将尝试解释我向您展示如何操纵日历的最佳方法。

在我的UserControl中

<Calendar CalendarItemStyle="{DynamicResource calItemStyle}"  Name="calJan"    
 HorizontalContentAlignment="Stretch" VerticalContentAlignment="Stretch" 
 HorizontalAlignment="Center" VerticalAlignment="Center" OverridesDefaultStyle="False" 
 IsEnabled="True" />

某些参数是过度的，要点是动态资源

CalendarItemStyle="{DynamicResource calItemStyle}"

在我的资源计算中，我添加了命名空间

xmlns:primitives="clr-namespace:System.Windows.Controls.Primitives;assembly=PresentationFramework"

如果尚未那里，您还需要将呈现框架引用添加到您的项目中。

<Style x:Key="calItemStyle"
           TargetType="primitives:CalendarItem">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="primitives:CalendarItem">
                <ControlTemplate.Resources>
                    <DataTemplate x:Key="DayTitleTemplate">
                        <TextBlock Text="{Binding}"
                                       HorizontalAlignment="Center" />
                    </DataTemplate>
                </ControlTemplate.Resources>
                <DockPanel Name="PART_Root" 
                               LastChildFill="True">
                    <Button x:Name="PART_PreviousButton" 
                                DockPanel.Dock="Left"
                                Content="&lt;"
                                Focusable="False" 
                                Visibility="Hidden"
                                />
                    <Button x:Name="PART_NextButton" 
                                DockPanel.Dock="Right"
                                Content="&gt;" 
                                Focusable="False" 
                                Visibility="Hidden"
                                />
                    <Button x:Name="PART_HeaderButton"                                             
                                DockPanel.Dock="Top"
                                FontWeight="Bold"
                                Focusable="False" />
                    <Grid>
                        <Grid x:Name="PART_MonthView" 
                                  Visibility="Visible">
                            <Grid.RowDefinitions>
                                <RowDefinition Height="Auto"/>
                                <RowDefinition Height="Auto"/>
                                <RowDefinition Height="Auto"/>
                                <RowDefinition Height="Auto"/>
                                <RowDefinition Height="Auto"/>
                                <RowDefinition Height="Auto"/>
                                <RowDefinition Height="Auto"/>
                            </Grid.RowDefinitions>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="Auto"/>
                                <ColumnDefinition Width="Auto"/>
                                <ColumnDefinition Width="Auto"/>
                                <ColumnDefinition Width="Auto"/>
                                <ColumnDefinition Width="Auto"/>
                                <ColumnDefinition Width="Auto"/>
                                <ColumnDefinition Width="Auto"/>
                            </Grid.ColumnDefinitions>
                        </Grid>
                        <Grid x:Name="PART_YearView" 
                                  Visibility="Hidden">
                            <Grid.RowDefinitions>
                                <RowDefinition Height="Auto"/>
                                <RowDefinition Height="Auto"/>
                                <RowDefinition Height="Auto"/>
                            </Grid.RowDefinitions>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="Auto"/>
                                <ColumnDefinition Width="Auto"/>
                                <ColumnDefinition Width="Auto"/>
                                <ColumnDefinition Width="Auto"/>
                            </Grid.ColumnDefinitions>
                        </Grid>
                    </Grid>
                    <Rectangle x:Name="PART_DisabledVisual" Opacity="0" Visibility="Collapsed" Fill="#A5FFFFFF"/>
                </DockPanel>
                <ControlTemplate.Triggers>
                    <Trigger Property="IsEnabled" Value="False">
                        <Setter TargetName="PART_DisabledVisual" Property="Visibility" Value="Visible" />
                    </Trigger>
                    <DataTrigger Binding="{Binding RelativeSource={RelativeSource AncestorType={x:Type Calendar}}, Path=DisplayMode}" Value="Year">
                        <Setter TargetName="PART_MonthView" Property="Visibility" Value="Hidden" />
                        <Setter TargetName="PART_YearView" Property="Visibility" Value="Visible" />
                    </DataTrigger>
                    <DataTrigger Binding="{Binding RelativeSource={RelativeSource AncestorType={x:Type Calendar}}, Path=DisplayMode}" Value="Decade">
                        <Setter TargetName="PART_MonthView" Property="Visibility" Value="Hidden" />
                        <Setter TargetName="PART_YearView" Property="Visibility" Value="Visible" />
                    </DataTrigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

我选择隐藏上一个和下一个按钮，以防万一删除引起任何事件的问题，但否则，它可以做我想要的，我可以根据需要添加或取出功能。

希望这对他人有所帮助。

Answer 3

像克里斯一样，我不想弄乱一吨xaml。我还需要动态隐藏/显示。我想也有一种方法可以使用XAML中的绑定，但我认为这是一个非常简单的开始。只需在此代码中添加一个新类，然后使用此派生的控件。

编辑：我将其更新到可以设置的属性，hideprevnextbtns。如果检查/true，则按钮将被隐藏。该代码确实做出了几个假设。一个是该模板还将具有上述/下一个按钮，另一个是默认情况下可见。

class MyCalendar : Calendar 
{
    public Button PrevBtn;
    public Button NextBtn;
    protected bool _HidePrevNextBtns;
    public bool HidePrevNextBtns
    {
        get
        {
            return (_HidePrevNextBtns);
        }
        set
        {
            _HidePrevNextBtns = value;
            if (PrevBtn != null)
            {
                PrevBtn.Visibility = _HidePrevNextBtns ? Visibility.Hidden : Visibility.Visible;
                NextBtn.Visibility = _HidePrevNextBtns ? Visibility.Hidden : Visibility.Visible;
            }
        }
    }
    public override void OnApplyTemplate()
    {
        base.OnApplyTemplate();
        var cal = this.Template.FindName("PART_CalendarItem", this) as CalendarItem;
        cal.Loaded += new RoutedEventHandler(cal_Loaded);
    }
    void cal_Loaded(object sender, RoutedEventArgs e)
    {
        var cal = sender as CalendarItem;
        PrevBtn = cal.Template.FindName("PART_PreviousButton", cal) as Button;
        NextBtn = cal.Template.FindName("PART_NextButton", cal) as Button;
        if (_HidePrevNextBtns)
        {
            PrevBtn.Visibility = Visibility.Hidden;
            NextBtn.Visibility = Visibility.Hidden;
        }
    }
}