在子元素更改时更改 ListView.ItemTemplate

Question

假设我们有一个简单的数据类：

public class Ex {
    public string Prop1 {...} // notify property
    public string Prop2 {...} // notify property
}

以及该类对象的 ObservableCollection。我希望将此集合显示在具有单独 DataTemplated 的 ListView 中，该 DataTemplated 由 Ex.Prop2 区分（如果为 null 或空，则使用 template01，否则使用 template02）。此属性可以在运行时更改，因此使用 ListView.ItemTemplateSelector 的简单“技巧”不起作用:(

如何实现此功能？ 除了在集合的每个对象上侦听 NotifyPropertyChanged 并手动更改之外，是否可以通过任何其他方式来实现它模板？

谢谢你的帮助，

我已经有了下面的代码：

<ListView x:Name="lstTerms"
    ItemsSource="{Binding Game.Words}"
    HorizontalContentAlignment="Stretch"
    Grid.IsSharedSizeScope="True">
    <ListView.ItemContainerStyle>
        <Style>
            <Setter Property="Control.Padding" Value="0" />
        </Style>
    </ListView.ItemContainerStyle>

    <!-- checks if element is null or its Prop2 is null or empty. If so, uses NullTemplate -->
    <ListView.ItemTemplateSelector>
        <local:MySelectTemplate
            NormalTemplate="{StaticResource NormalItemTemplate}"
            NullTemplate="{StaticResource NullItemTemplate}" />
    </ListView.ItemTemplateSelector>
</ListView>

Answer 1

您可以使用包含两个网格的单个 DataTemplate，而不是使用 TemplateSelector，这两个网格根据属性值切换可见性。

这是一个示例：

<ListView.ItemTemplate>
    <DataTemplate>
        <Grid>
            <Grid Background="LightBlue" Name="normalGrid">
                <Grid.Style>
                    <Style>
                        <Style.Triggers>
                            <DataTrigger Binding="{Binding Path=Prop1}" Value="{x:Null}">
                                <Setter Property="Grid.Visibility" Value="Hidden"></Setter>
                            </DataTrigger>
                        </Style.Triggers>
                    </Style>
                </Grid.Style>
                <TextBlock Text="{Binding Prop1}"></TextBlock>
            </Grid>
            <Grid Background="Green" Name="nullGrid">
                <Grid.Style>
                    <Style>
                        <Style.Triggers>
                            <DataTrigger Binding="{Binding ElementName=normalGrid, Path=Visibility}" Value="Visible">
                                <Setter Property="Grid.Visibility" Value="Hidden"></Setter>
                            </DataTrigger>
                        </Style.Triggers>
                    </Style>
                </Grid.Style>
                <TextBlock Text="{Binding Prop2}"></TextBlock>
            </Grid>
        </Grid>
    </DataTemplate>
</ListView.ItemTemplate>

显然，您可以将 TextBlock 元素替换为代表两个 DataTemplate 的 UserControls。

如果需要，您还可以通过将 Grid.Visibility 绑定到 ViewModel 上的属性（例如，命名为 IsVisible）并使用 VisibilityConverter 来消除对庞大样式的需求。

Answer 2

我通常只使用 ContentControl，它根据 DataTrigger 更改其 ContentTemplate。 DataTriggers 响应值的更改，而 DataTemplateSelectors 则不响应。

<Style x:Key="SomeStyleKey" TargetType="{x:Type ContentControl}">
    <Setter Property="ContentTemplate" Value="{StaticResource DefaultTemplate}" />
    <Style.Triggers>
        <DataTrigger Binding="{Binding Prop2}" Value="{x:Null}">
            <Setter Property="ContentTemplate" Value="{StaticResource NullTemplate}" />
        </DataTrigger>
        <DataTrigger Binding="{Binding Prop2}" Value="">
            <Setter Property="ContentTemplate" Value="{StaticResource NullTemplate}" />
        </DataTrigger>
    </Style.Triggers>
</Style>

...

<ListView.ItemTemplate>
    <DataTemplate>
        <ContentControl Style="{StaticResource SomeStyleKey}" />
    </DataTemplate>
</ListView.ItemTemplate>

如果需要，您还可以使用返回 String.IsNullOrEmpty(value) 的 Converter单个DataTrigger