将 ListView 字段绑定到嵌套列表 WPF

Question

我有以下课程：

class Event {
int eserc {get;set;}
int type {get;set;}
}

class Sequence {
List<Event> events;
int freq {get;set;}
}

如您所见，我有一个序列内的事件列表。我有一个序列列表。
我想显示一个带有序列列表的 GridView 的 ListView。对于每个序列，我希望有 2 列，其中一列具有属性 freq 的值，另一列应具有与该序列关联的事件列表。例如：
其中第一行与第一个序列有关。矩形的颜色代表事件的类型。在第一个序列中有以下事件：

• “红色”类型的 eserc 1
• “红色”类型的 eserc 2
• “绿色”类型的 eserc 3
• “红色”类型的 eserc 4

---

我知道我必须进行绑定以显示值，但我不知道如何对序列进行绑定，因为我应该将列的值绑定到 Event 的值 每个单个 Sequence 中的对象。
这是我为 ListView 编写的代码：

<ListView Name="resultsList" Grid.Row="5" Grid.Column="1"
                  Grid.ColumnSpan="3">
    <ListView.View>
                <GridView>

            <GridViewColumn Header="Sequence" Width="450"
                                    DisplayMemberBinding="{Binding events}"/>
            <GridViewColumn Header="Frequence" 
                                    DisplayMemberBinding="{Binding freq}"/>
        </GridView>
    </ListView.View>
</ListView>

当然，Binding events 是错误的，因为只有当它是一个字符串时才会起作用，但这就是想法。
我在互联网上搜索，我认为我应该使用 DataTemplate 之类的东西，但我不确定，我不太了解它是如何工作的。我知道当源是一个对象时它可以工作，但在这种情况下它是一个对象的List，我不知道如何获取信息。

Answer 1

要实现这一点，您需要在第一个 GridViewColumn 内定义另一个列表，该列表应该是水平的（编辑 ItemsPanelTemplate）。您可以使用 ListView、ListBox 或 ItemsControl（看起来最合适）。

要根据Event 的类型绘制不同颜色的Border，您应该首先为ItemsControl 项目定义一个自定义DataTemplate，并使用DataTrigger 设置颜色，这里是完整的 xaml：

<ListView Name="ResultsList" 
             ItemsSource="{Binding SequenceCollection}">
        <ListView.View>
            <GridView>
                <GridViewColumn Header="Sequence" Width="450" >
                    <GridViewColumn.CellTemplate>
                        <DataTemplate>
                            <ItemsControl ItemsSource="{Binding Events}">
                                <ItemsControl.ItemsPanel>
                                   <ItemsPanelTemplate>
                                       <StackPanel Orientation="Horizontal"></StackPanel>
                                   </ItemsPanelTemplate>
                               </ItemsControl.ItemsPanel>
                                <ItemsControl.ItemTemplate>
                                    <DataTemplate>
                                        <Border>
                                            <Border.Style>
                                                <Style TargetType="Border">
                                                    <Style.Triggers>
                                                        <DataTrigger Binding="{Binding Type}" Value="red">
                                                            <Setter Property="Background" Value="red"/>
                                                        </DataTrigger>
                                                        <DataTrigger Binding="{Binding Type}" Value="green">
                                                            <Setter Property="Background" Value="Green"/>
                                                        </DataTrigger>
                                                    </Style.Triggers>
                                                </Style>
                                            </Border.Style>
                                            <TextBlock Text="{Binding Eserc, StringFormat='{}{0} '}"></TextBlock>
                                        </Border>
                                    </DataTemplate>
                                </ItemsControl.ItemTemplate>
                            </ItemsControl>
                        </DataTemplate>
                    </GridViewColumn.CellTemplate>
                </GridViewColumn>
                <GridViewColumn Header="Frequence" 
                                DisplayMemberBinding="{Binding Freq}"/>
            </GridView>
        </ListView.View>
    </ListView>

序列集合：

    private ObservableCollection<Sequence> _sequenceCollection =new ObservableCollection<Sequence>()
    {
        new Sequence(){Events = new ObservableCollection<Event>()
        {
            new Event(){Eserc=1, Type = "red"},
            new Event(){Eserc=2, Type = "red"},
            new Event(){Eserc=3, Type = "green"},
            new Event(){Eserc=4, Type = "red"},
        },Freq = 3}
    };
    public ObservableCollection<Sequence> SequenceCollection
    {
        get { return _sequenceCollection; }
        set
        {
            if (Equals(value, _sequenceCollection)) return;
            _sequenceCollection = value;
            OnPropertyChanged();
        }
    }

这里是你需要邻接的类：

public class Event
{
    public int Eserc { get; set; }
    public string Type { get; set; }
}

public class Sequence
{
    public ObservableCollection<Event> Events { get; set; }
    public int Freq { get; set; }
}

输出：

侧面：

1. 确保定义公共属性以便能够正确绑定它们
2. 使用命名约定
3. 使用ObservableCollection 而不是List（他们实现ICollectionChanged，这对于更改通知很方便）
4. 别忘了实现INotifyPropertyChanged 接口