【UWP通用应用开发】集合控件与数据绑定

为ListView和GridView添加数据

ListView采用垂直堆叠得方式显示数据，而GridView则采用水平堆叠得方式。

长相的话嘛，它们都差不多。

Item 1

Item 2

Item 1

Item 2

当然，也可以在后台代码上添加。我只是为了将它们放在一起比较而已，这些代码堆一起肯定是很丑的。

ListView listView1 = new ListView();

listView1.Items.Add("Item 1");

listView1.Items.Add("Item 2");

listView1.Items.Add("Item 3");

listView1.SelectionChanged += listView1_SelectionChanged;

grid1.Children.Add(listView1);

GridView gridView1 = new GridView();

gridView1.Items.Add("Item 1");

gridView1.Items.Add("Item 2");

gridView1.SelectionChanged += gridView1_SelectionChanged; grid1.Children.Add(gridView1);

如果只是像上面这样来添加内容会不会比较麻烦呢，我们也可以把这些Item 1、Item 2之类的全部放在List中。

List itemsList = new List();

itemsList.Add("Item 1");

itemsList.Add("Item 2");

ListView listView1 = new ListView();

listView1.ItemsSource = itemsList;

listView1.SelectionChanged += listView1_SelectionChanged;

grid1.Children.Add(listView1);

这样一来所显示的ListView就是两行，非常简陋，完全不能够满足要求。那么我们可以用它的ItemTemplate属性来再里面添加一些东西，如下所

示，我们可以在Grid中写一个Image绑定头像，用TextBlock绑定用户的ID，再来一个TextBlock绑定用户的消息，还可以来写边框呀什么的。而这

些乱七八糟的Binding之类的，以后我们也会一起讲的哦，现在只要它们是数据绑定就好。

SelectionChanged="listView1_SelectionChanged">

还可以像下面这样哦，通过WrapGrid来决定这些Item的摆放方式。

当然啦，对于ListView和GridView而言，知道用户选择了哪一项是很重要的。SelectionMode属性决定了ListView和GridView的选择模式：单个、多个、无、扩展。

下面这个函数将选择的项给了selectedItems啦。我们还可以通过IsItemClickEnabled来启用ListView和GridView的点击事件，但是务必要注意将SelectionMode设置为None。

private void listView1_SelectionChanged(object sender, SelectionChangedEventArgs e)

{

selectedItems = (List