windows8中的数据上下文和ListView的简单介绍

效果图：

 

 

前台

<Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}">
 <ListView BorderBrush="Red" BorderThickness="2" Name="lv1" HorizontalAlignment="Left" Height="297" Margin="382,66,0,0" VerticalAlignment="Top" Width="273"/>
 <ListView.ItemTemplate>
   <DataTemplate>
      <StackPanel Orientation="Horizontal">
       <TextBlock Text="{Binding Name}" Margin="10,10,10,10"/>
       <TextBlock Text="{Binding Age}" Margin="10,10,10,10"/>
       <TextBlock Text="{Binding Img}" Width="50" Height="50" Margin="10,10,10,10"/>
      </StackPanel>
   </DataTemplate>
 </ListView.ItemTemplate>
</Grid>

类
namespace App1
{
 class Person:INotifyPropertyChanged
 {
  private string name;
  public string Name
   {
      get{return name;}
      set{
          name=value;
          if(PropertyChanged!=null)
            {
              PropertyChanged(this,new PropertyChangedEventArgs("Name"));
             }
          }
    }
  private int age;
  public int Age
   {
      get{return age;}
      set{
          age=value;
          if(PropertyChanged!=null)
            {
              PropertyChanged(this,new PropertyChangedEventArgs("Age"));
             }
         }
    }

   private string img;
   public string Img
     {
       get{return img; }
       set
        {
          img=value;
          if(PropertyChanged!=null)
           {
             PropertyChanged(this,new PropertyChangedEventArgs("Img"));
           }
        }
      }
Public event PropertyChangedEventHandler PropertyChanged;
 }
}

后台

public sealed partial class MyListView:Page
{
  List<Person> list=new List<Person>();//添加在这里是全局的
  public MyListView()
  { 
     this.InitializeComponent();
   }
}

protected oveeride void OnNavigatedTo(NavigationEventArgs e)
{
//添加了三个人的信息
 list.Add(new Person(){Name="张三",Age=21,Img="ms-appx:///images/1.jpg"});
 list.Add(new Person(){Name="李四",Age=22,Img="ms-appx:///images/1.jpg"});
 list.Add(new Person(){Name="王五",Age=23,Img="ms-appx:///images/1.jpg"});
 
  this.lv1.ItemsSource=list;
}