开源WPF-Samples-netframework学习（1）Data Binding——CollectionBinding

案例地址：GitHub - microsoft/WPF-Samples: Repository for WPF related samples

一、运行界面

  二、案例功能描述

实现根据选项展示对应的一组信息

知识点：

1、使用模板结合绑定实现集合绑定，模板中使用绑定获取使用模板控件的绑定对象的属性。

2、 ListBox实现选项选择，选项和ContentControl内容绑定同一个对象，实现集合的展示。

2、ContentControl： 表示一段单独的任何类型的内容的控件。

三、分析代码

1、使用ContentControl展示一组信息，需要实现ContentTemplate,并将绑定展示信息

 <DataTemplate x:Key="DetailTemplate">
            <Border Width="300" Height="100" Margin="20"
              BorderBrush="Aqua" BorderThickness="1" Padding="8">
                <Grid>
                    <Grid.RowDefinitions>
                        <RowDefinition/>
                        <RowDefinition/>
                        <RowDefinition/>
                    </Grid.RowDefinitions>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition/>
                        <ColumnDefinition/>
                    </Grid.ColumnDefinitions>
                    <TextBlock Grid.Row="0" Grid.Column="0" Text="First Name:"/>
                    <TextBlock Grid.Row="0" Grid.Column="1" Text="{Binding Path=FirstName}"/>
                    <TextBlock Grid.Row="1" Grid.Column="0" Text="Last Name:"/>
                    <TextBlock Grid.Row="1" Grid.Column="1" Text="{Binding Path=LastName}"/>
                    <TextBlock Grid.Row="2" Grid.Column="0" Text="Home Town:"/>
                    <TextBox Grid.Row="2" Grid.Column="1" Text="{Binding Path=HomeTown}"/>
                </Grid>
            </Border>
        </DataTemplate>

2、ListBox实现选项选择，选项和ContentControl内容绑定同一个对象

<ListBox Width="200" IsSynchronizedWithCurrentItem="True"
             ItemsSource="{Binding Source={StaticResource MyFriends}}"/>

 <ContentControl Content="{Binding Source={StaticResource MyFriends}}"
                    ContentTemplate="{StaticResource DetailTemplate}"/>