25个WPF日历在一个窗口中，打开窗口需要5秒

Question

我是 WPF 的新手，并试图了解它可能会慢多少。我在 Visual Studio 2010 (.NET 4) 中启动了一个新的 WPF 应用程序，并创建了这个 XAML：

<Window x:Class="CalendarTest1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="800" Width="1000">
    <WrapPanel>
        <Calendar />
        <Calendar />
        <Calendar />
...repeats for a total of 25 calendar objects...
    </WrapPanel>
</Window>

当我在 IDE 中运行我的应用程序时，窗口打开需要 5 秒钟。打开后，它会快速重绘（当我调整它的大小时），一切看起来都很流畅。

我的电脑不是最快的：AMD 双核 2.3GHz、2GB RAM、XP 32 位操作系统、板载视频。

我可以放置 25 个按钮，而不是日历，并且加载时间不到 1 秒。

我正在尝试在 MS Outlook 日历的日视图中创建类似于小月历的内容，如下所示：

所以我想我可以使用 WrapPanel 并在调整大小时添加/删除日历控件。我可能不需要 25，但即使使用 9 或 12，它也比我想象的要慢（我有一个旧版 Win32 应用程序，它在不到 1 秒的时间内显示 18 个这样的日历）。

我的问题是：

Calendar 控件是否因为某种设计而变慢 - 要么是糟糕的设计，要么只是不适合这种用途，还是因为它试图显示大量数据/控件/信息而变慢？

如果我费心创建自己的控件，假设我使用了一个好的设计（欢迎提出一般想法），它会不会快很多，或者这只是 WPF 的“典型”？

我可以做些什么来加快默认日历控件的使用速度？

Answer 1

本身不是答案，但将其添加到 Window.Resources 可将我机器中的加载时间减少 50%（现在 25 个日历的加载时间不到 1 秒）

    <Window.Resources>
        <Style TargetType="CalendarDayButton">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="CalendarDayButton">
                        <ContentPresenter ContentSource="Content" Margin="2"/>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>

        <Style TargetType="Calendar">
            <Setter Property="CalendarDayButtonStyle" Value="{StaticResource {x:Type CalendarDayButton}}"/>
        </Style>
    </Window.Resources>

编辑：

这种视觉变化不会影响控件的功能。所有 Calendar's Day 项仍为Selectable，您可以绑定Calendar.SelectedDate 属性。

没有任何视觉指示表明项目已被选中，因此单击日期似乎无济于事。

只需将其添加到您的 ControlTemplate：

                <ControlTemplate TargetType="CalendarDayButton">
                    <ContentPresenter ContentSource="Content" Margin="2"/>

                    <ControlTemplate.Triggers>
                        <!-- Set The FontWeight to "Bold" when Selected -->
                        <Trigger Property="IsSelected" Value="True">
                            <Setter Property="FontWeight" Value="Bold"/>
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>

您可以使用此ControlTemplate 及其Triggers 来添加视觉效果。请记住，模板越复杂，加载所需的时间就越长。

Answer 2

这将使您了解什么是日历 与使用 Snoop 的按钮。是的，我们确实预计很多日历会花费更多的渲染时间。如果您需要大量使用它们，我会尝试创建自己的更简单的和/或虚拟化它们

这是一个按钮，三个孩子...

这是一个日历，有 522 个孩子。请注意，我没有展开的每个 CalendarButtons 仍然有 9 个孩子

Answer 3

我将更新它，因为我有时间完成这个新控件，但到目前为止，我向自己证明了我可以在一个窗口中拥有大量控件并且仍然可以快速加载它。在这种情况下，1050 个文本块（7 列 * 6 行 * 我的用户控件的 25 个实例），我的窗口在不到 1 秒的时间内加载。

到目前为止，这是我的简单用户控件：

<UserControl x:Class="FastCalendar.UserControl1"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:local="clr-namespace:FastCalendar"
             xmlns:vm="clr-namespace:FastCalendar.ViewModels"
             mc:Ignorable="d" 
             d:DesignHeight="300" d:DesignWidth="300" Margin="5">
    <UserControl.Resources>
        <vm:MainViewModel x:Key="ViewModel" />
    </UserControl.Resources>
    <ItemsControl Width="180" Height="170" ItemsSource="{Binding Path=Days, Source={StaticResource ViewModel}}">
        <ItemsControl.ItemContainerStyle>
            <Style>
                <Setter Property="Grid.Row" Value="{Binding Path=Row}" />
                <Setter Property="Grid.Column" Value="{Binding Path=Column}" />
            </Style>
        </ItemsControl.ItemContainerStyle>

        <ItemsControl.ItemTemplate>
            <DataTemplate>
                <TextBlock VerticalAlignment="Center" HorizontalAlignment="Center" Text="{Binding Path=Day}" />
            </DataTemplate>
        </ItemsControl.ItemTemplate>

        <ItemsControl.ItemsPanel>
            <ItemsPanelTemplate>
                <Grid ShowGridLines="True">
                    <Grid.RowDefinitions>
                        <RowDefinition />
                        <RowDefinition />
                        <RowDefinition />
                        <RowDefinition />
                        <RowDefinition />
                        <RowDefinition />
                    </Grid.RowDefinitions>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition />
                        <ColumnDefinition />
                        <ColumnDefinition />
                        <ColumnDefinition />
                        <ColumnDefinition />
                        <ColumnDefinition />
                        <ColumnDefinition />
                    </Grid.ColumnDefinitions>
                </Grid>
            </ItemsPanelTemplate>
        </ItemsControl.ItemsPanel>

    </ItemsControl>
</UserControl>

我将其中的 25 个放在 WrapPanel 中，它在不到 1 秒的时间内加载完毕。我仍然需要向我的用户控件添加更多控件和样式，但我认为它仍然会比内置的日历控件快得多（我希望如此）。

p.s.-即使窗口上有 50 个我的用户控件副本，它也会在大约 1 秒内加载。