WP8使用Binding创建ListBox的子项目

最新推荐文章于 2022-12-23 17:55:44 发布

gf771115

最新推荐文章于 2022-12-23 17:55:44 发布

阅读量942

点赞数

分类专栏： Windows Phone

Windows Phone 专栏收录该内容

25 篇文章 0 订阅

订阅专栏

转自：http://www.it165.net/pro/html/201311/7828.html

一般我们在开发Windows Phone 8 时，常常会接收网络上的数据来放进UI里，也就是说我们的数据数目是动态的，这时我们与其自己一项项建立UI，不如将这些不固定长度的数据透过Binding的方式放入ListBox中，如此一来可省去使用者处理数据上的麻烦。

本文章将引导您透过Binding的方式，将数据放进ListBox。

首先假设要建立的是学生的数据，以【姓名】和【座号】为例。

步骤一:

在MainPage.xmal中放置一个ListBox的控制向，并命名为【List_Students】

步骤二:

在MainPage.xmal里的ListBox的子属性下建立Template，也就是样板，假设目前资料数目有5笔，ListBox就会根据Template自动创建五次来放资料的内容。

所以在Template中我们需要两个TextBlock来放置【姓名】和【座号】，Text的属性要放置【Binding XXX】，XXX是等会儿实作程序时会用到的，这边以Name和ID做示范。

 
    01. 
    <ListBox x:Name="List_Students"> 
   
    02. 
    <ListBox.ItemTemplate> 
   
    03. 
    <DataTemplate> 
   
    04. 
    <StackPanel Orientation="Horizontal"> 
   
    05. 
    <TextBlock Text="{Binding ID}" /> 
   
    06. 
    <TextBlock Text="{Binding Name}" /> 
   
    07. 
    </StackPanel> 
   
    08. 
    </DataTemplate> 
   
    09. 
    </ListBox.ItemTemplate> 
   
    10. 
    </ListBox>

步骤三:

建立一个学生数据的Class 并透过【自动属性】建立该类别叫做【Student_Item】，其中包含【姓名】和【座号】

这边的属性名称要跟刚刚在Xaml上TextBlockk的Text属性相对应，也就是Name和ID。

 
    1. 
    class Student_Item 
   
    2. 
    { 
   
    3. 
    public string Name { get; set; }//学生的姓名 
   
    4. 
    public string ID{ get; set; }//学生的座号 
   
    5. 
    }

步骤四:

在主程序MainPage.xaml.cs里建立Student_Item的数组来放置学生的数据。

 
    01. 
    //宣告学生的数组 
   
    02. 
    private List<Student_Item> Student_Items; 
   
    03. 
    //当该页面被开启时 
   
    04. 
    protected override void OnNavigatedTo(NavigationEventArgs e) 
   
    05. 
    { 
   
    06. 
    base.OnNavigatedTo(e); 
   
    07. 
    AddStudentData();//建立假数据 
   
    08. 
    } 
   
    09. 
      
    10. 
    //建立学生的假数据 
   
    11. 
    private void AddStudentData() { 
   
    12. 
    Student_Items = new List<Student_Item>(); //初始化Student_Items物件 
   
    13. 
    //开始装假数据 
   
    14. 
    Student_Items.Add(new Student_Item(){Name="王小明",ID="1"}); 
   
    15. 
    Student_Items.Add(new Student_Item() { Name = "王一明", ID = "1" }); 
   
    16. 
    Student_Items.Add(new Student_Item() { Name = "王二明", ID = "2" }); 
   
    17. 
    Student_Items.Add(new Student_Item() { Name = "王三明", ID = "3" }); 
   
    18. 
    Student_Items.Add(new Student_Item() { Name = "王四明", ID = "4" }); 
   
    19. 
    Student_Items.Add(new Student_Item() { Name = "王五明", ID = "5" }); 
   
    20. 
    Student_Items.Add(new Student_Item() { Name = "王六明", ID = "6" }); 
   
    21. 
    Student_Items.Add(new Student_Item() { Name = "王七明", ID = "7" }); 
   
    22. 
    //装完假资料 
   
    23. 
    List_Students.ItemsSource = Student_Items;//指定ListBox的数据来源为Student_Items的数组 
   
    24. 
    }

步骤五:

执行看看，完美运行，突然觉得世界很美好!!

若日后在指定ItemsSource时发现ListBox没有同步更新，却还停留在旧数据，可以试试看以下两种方法

方法一:

先指定null再指定回来。

1. List_Students.ItemsSource = null;

2. List_Students.ItemsSource = Student_Items;

方法二:

方法一+更新UI

 
     1. 
     List_Students.ItemsSource = null; 
    
     2. 
     List_Students.ItemsSource = Student_Items; 
    
     3. 
     List_Students.UpdateLayout();

综合上述我们已透过Binding的方式，将数据放进ListBox啰!!

文章中的叙述如有观念不正确错误的部分，欢迎告知指正谢谢

gf771115

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
WP8使用Binding创建ListBox的子项目

一般我们在开发Windows Phone 8 时，常常会接收网络上的数据来放进UI里，也就是说我们的数据数目是动态的，这时我们与其自己一项项建立UI，不如将这些不固定长度的数据透过Binding的方式放入ListBox中，如此一来可省去使用者处理数据上的麻烦。本文章将引导您透过Binding的方式，将数据放进ListBox。首先假设要建立的是学生的数据，以【姓名】和【座号】为例。
复制链接

扫一扫