日期:2014-05-16 浏览次数:20864 次
下面介绍一下ListView的相关使用,新建一个叫做TestList的项目。
在主页面的后台代码中加入一堆数据:
protected override void OnNavigatedTo(NavigationEventArgs e) { if (e.NavigationMode == NavigationMode.New) { List<string>myList = new List<string>; myList.Add("Why Test 1"); myList.Add("Why Test 2"); myList.Add("Why Test 3"); myList.Add("Why Test 4"); } }
接下来就是把ListView的数据源绑定到后台定义的集合中。
只需要设置ListView的ItemsSource即可。完整的代码如下:
using System; using System.Collections.Generic; using System.IO; using System.Linq; using Windows.Foundation; using Windows.Foundation.Collections; using Windows.UI.Xaml; using Windows.UI.Xaml.Controls; using Windows.UI.Xaml.Controls.Primitives; using Windows.UI.Xaml.Data; using Windows.UI.Xaml.Input; using Windows.UI.Xaml.Media; using Windows.UI.Xaml.Navigation; // “空白页”项模板在 http://go.microsoft.com/fwlink/?LinkId=234238 上有介绍 namespace TestList { /// <summary> /// 可用于自身或导航至 Frame 内部的空白页。 /// </summary> public sealed partial class MainPage : Page { public MainPage() { this.InitializeComponent(); } /// <summary> /// 在此页将要在 Frame 中显示时进行调用。 /// </summary> /// <param name="e">描述如何访问此页的事件数据。Parameter /// 属性通常用于配置页。</param> protected override void OnNavigatedTo(NavigationEventArgs e) { if (e.NavigationMode == NavigationMode.New) { List<string>myList = new List<string>(); myList.Add("Why Test 1"); myList.Add("Why Test 2"); myList.Add("Why Test 3"); myList.Add("Why Test 4"); list1.ItemsSource = myList; } } } }
<Page x:Class="TestList.MainPage" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:local="using:TestList" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d"> <Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}"> <ListView x:Name="list1" HorizontalAlignment="Center" Height="600" VerticalAlignment="Center" Width="500"/> </Grid> </Page>
ItemsSource为界面上显示的数据集合。
但是这样简单的显示一般很难满足需求,我们需要自定义复杂的ListView才行。
在xaml中如下修改: