WPF中使用ItemsControl嵌套綁定，在ItemsControl中嵌套一個ItemsControl，然后使用綁定

最需要注意的一點是，綁定一定要使用屬性，因為屬性提供{set;get;}方法。

XAML中的定義：

注意：需要在第二層ItemsControl的ItemsSource綁定的內容

<Window x:Class="Binding_Demo_01.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">
    <Grid>
        <ItemsControl x:Name="list1">
            <ItemsControl.ItemsPanel>
                <ItemsPanelTemplate>
                    <StackPanel Orientation="Horizontal" Margin="10" VerticalAlignment="Center" HorizontalAlignment="Center"/>
                </ItemsPanelTemplate>
            </ItemsControl.ItemsPanel>
            <ItemsControl.ItemTemplate>
                <DataTemplate>
                    <ItemsControl ItemsSource="{Binding CurrPerson}" MouseDoubleClick="ItemsControl_MouseDoubleClick">
                        <ItemsControl.ItemsPanel>
                            <ItemsPanelTemplate>
                                <StackPanel Orientation="Horizontal" Margin="10" VerticalAlignment="Center" HorizontalAlignment="Center"/>
                            </ItemsPanelTemplate>
                        </ItemsControl.ItemsPanel>
                        <ItemsControl.ItemTemplate>
                            <DataTemplate>
                                <StackPanel Orientation="Vertical" VerticalAlignment="Center" HorizontalAlignment="Center">
                                    <Image Source="{Binding Image}" Stretch="UniformToFill" Height="400" Width="230" Margin="4"/>
                                    <TextBlock Text="{Binding Name}" Margin="4"/>
                                </StackPanel>
                            </DataTemplate>
                         </ItemsControl.ItemTemplate>
                    </ItemsControl>
                </DataTemplate>
            </ItemsControl.ItemTemplate>
        </ItemsControl>
    </Grid>
</Window>

 

CS文件的內容：

public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();

            ObservableCollection<Persons> persons = new ObservableCollection<Persons>
            {
                new Persons
                {
                    CurrPerson = new List<Person>
                    {
                        new Person{Name="Chrysanthemum", Age=21, Email="[e-mail]", Image="Chrysanthemum.jpg"},
                        new Person{Name="Desert", Age=23, Email="[e-mail]", Image="Desert.jpg"}
                    }
                },

                new Persons
                {
                    CurrPerson = new List<Person>
                    {
                        new Person{Name="Jellyfish", Age=32, Email="[e-mail]", Image="Jellyfish.jpg"},
                        new Person{Name="Hydrangeas", Age=23, Email="[e-mail]", Image="Hydrangeas.jpg"}
                        }
                }
            };

            list1.ItemsSource = persons;
        }

        private void ItemsControl_MouseDoubleClick(object sender, MouseButtonEventArgs e)
        {

        }
    }

 

 

第三部分：

Person類的定義

class Person
{
    public string Name { get; set; }
    public int Age { set; get; }
    public string Image { set; get; }
    public string Email { set; get; }
}

class Persons
{
    public List<Person> CurrPerson { set; get; }
}

 

以上，