2

`我有一个列表框,其中包含代表各种任务结果的项目。它们每个都扩展了一个公共基类“ResultsViewModel”,因此共享显示器需要的某些属性。

我想在资源字典中定义的是每个不同类型的任务结果的数据模板,例如任务 A 将有一个 ResultsAViewModel 的实现类,任务 B 将有 ResultsBViewModel 等。我想为每个定义一个数据模板子类,将 Listbox 的 ItemsSource 绑定到 ObservableCollection(父类),并使用 WPF 的多态性来确定在运行时使用哪个数据模板。复杂之处在于,根据不同的触发器,它将是为每个结果类型选择的三个数据模板之一,具体取决于结果是正在处理、完成还是失败。所以每个派生类都会有模板。

到目前为止,我已将一般样式应用于列表框的样式,如下所示

<ListBox Background="{StaticResource AppBackground}" Grid.Row="1" Grid.Column="1" Grid.ColumnSpan="2" Padding="10" Style="{StaticResource ResultsItemTemplate}" ItemsSource="{Binding Results}" MouseDoubleClick="ListBox_MouseDoubleClick" />

那风格如下

    <!-- Region General Results styles -->
<Style TargetType="{x:Type ListBox}" x:Key="ResultsItemTemplate" >
    <Setter Property="Background">
        <Setter.Value>
            Tan
        </Setter.Value>
    </Setter>
    <Setter Property="ItemTemplate">
        <Setter.Value>
            <DataTemplate>
                <ContentControl Content="{Binding}">
                    <ContentControl.Style>
                        <Style TargetType="{x:Type ContentControl}">
                            <Setter Property="ContentTemplate" Value="{DynamicResource CalculatingResultsTemplate}"/>
                            <Style.Triggers>
                                <DataTrigger Binding="{Binding Path=ProcessingResult}" Value="1">
                                    <Setter Property="ContentTemplate" Value="{DynamicResource ProcessedResultsTemplate}"/>
                                </DataTrigger>
                                <DataTrigger Binding="{Binding Path=ProcessingResult}" Value="-1">
                                    <Setter Property="ContentTemplate" Value="{DynamicResource ErroredResultsTemplate}"/>
                                </DataTrigger>
                                <DataTrigger Binding="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type ListBoxItem}}, Path=IsSelected}" Value="True">
                                    <Setter Property="Background" Value="White"/>
                                </DataTrigger>
                            </Style.Triggers>
                        </Style>
                    </ContentControl.Style>
                </ContentControl>
            </DataTemplate>
        </Setter.Value>
    </Setter>
    <Setter Property="ItemContainerStyle">
        <Setter.Value>
            <Style TargetType="{x:Type ListBoxItem}">
                <Setter Property="Background" Value="{StaticResource AppBackground}" />
                <Style.Triggers>
                    <Trigger Property="IsSelected" Value="True" >
                        <Setter Property="Background" Value="{StaticResource AppBackground}" />
                    </Trigger>
                </Style.Triggers>
                <Style.Resources>
                    <SolidColorBrush x:Key="{x:Static SystemColors.HighlightBrushKey}" Color="Transparent"/>
                    <SolidColorBrush x:Key="{x:Static SystemColors.ControlBrushKey}" Color="Transparent" />
                </Style.Resources>
            </Style>
        </Setter.Value>
    </Setter>
    <Setter Property="ItemsPanel">
        <Setter.Value>
            <ItemsPanelTemplate>
                <WrapPanel />
            </ItemsPanelTemplate>
        </Setter.Value>
    </Setter>
    <Setter Property="ScrollViewer.HorizontalScrollBarVisibility" Value="Disabled"/>
</Style>

<!-- EndRegion -->

重要的是,您可以看到此样式将 ItemTemplate 设置为三个值之一,具体取决于触发器。这些模板键是

ProcessedResultsTemplate CalculatingResultsTemplate ErroredResultsTemplate

每个都是我的资源字典中的数据模板。

我遇到的问题是,对于每个派生的视图模型类型,我需要上述三个数据模板中的每一个。我正在按键引用它们。而且您的字典中不能有两个具有相同键的项目。例如,如果我使用键“ProcessedResultsTemplate”创建两个数据模板,一个具有 x:Type CalculationResultsViewModel 的 DataType 和另一个具有相同键但 DataType 为 x:Type SpotStressResultsViewModel 的第二个数据模板,那么它将不起作用,因为它们具有相同的键。

所以我不确定实现这一点的正确方法是为了在这里发生一些 WPF 多态性的乐趣。我做错了什么基本的事情吗?

更新:我尝试过使用数据模板选择器并使用下面的类,逻辑实现得很好,但问题是数据模板选择器仅在第一次渲染对象时被调用。当某些依赖项属性发生更改时,原始 XAML 具有更改数据模板的触发器。如何使用触发器或依赖属性要求数据模板选择器从新数据值中重新选择数据模板?

class ResultsDataTemplateSelector : DataTemplateSelector
{
    public DataTemplate CalculateOnlyProcessedTemplate { get; set; }
    public DataTemplate CalculateOnlyCalculatingTemplate { get; set; }
    public DataTemplate CalculateOnlyErroredTemplate { get; set; }

    public DataTemplate SpotStressProcessedTemplate { get; set; }
    public DataTemplate SpotStressCalculatingTemplate { get; set; }
    public DataTemplate SpotStressErroredTemplate { get; set; }

    public override DataTemplate SelectTemplate(object item, DependencyObject container)
    {
        if (item is CalculationResultsViewModel)
        {
            var vm = item as CalculationResultsViewModel;

            if (vm.ProcessingResult == 1)
                return CalculateOnlyProcessedTemplate;

            if (vm.ProcessingResult == -1)
                return CalculateOnlyErroredTemplate;

            return CalculateOnlyCalculatingTemplate;
        }

        if (item is SpotStressResultsViewModel)
        {
            var vm = item as SpotStressResultsViewModel;

            if (vm.ProcessingResult == 1)
                return SpotStressProcessedTemplate;

            if (vm.ProcessingResult == -1)
                return SpotStressErroredTemplate;

            return SpotStressCalculatingTemplate;
        }

        return null;
    }
}
4

1 回答 1

4

显而易见的解决方案是使用DataTemplateSelector来做出选择正确模板的任意复杂决策。将实际逻辑转移到您的 XAML 中会导致痛苦。

就我个人而言,我认为 ViewModel 应该是视图、它们的组合需求和它们的交互的直接、可测试和无外观的表示。您演示的 ViewModel 似乎更像是一个业务模型对象,而不是一个视图。您的 ViewModel 层应该负责生成隐含的:

  • 结果A计算视图模型
  • 结果AProcessingViewModel
  • 结果AErrorViewModel
  • 结果B计算视图模型
  • 结果BProcessingViewModel
  • 结果BErrorViewModel

您的视图代码应该只是样式化这些。多态性是一种更容易实现这些隐含 ViewModel 的好方法,但不应该成为创建 UI 的人的关注点。

于 2013-07-26T16:26:47.983 回答