日期:2014-05-16  浏览次数:20864 次

[Win8]Windows8开发笔记(九):ListView的使用和数据绑定

下面介绍一下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");
            }
        }

然后在xaml页面拖拽一个Listview到页面上,并且命名为list1。



接下来就是把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;
            }
        }
    }
}

对应的xaml的完整代码如下:

<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中如下修改: