ListView(一)

ListView(一)

 

在WPF中，ListView是一个非常强大的控件，我们用几次来说，并且控照MSDN上的Sample来说明。下面先看第一个Sample。

ListView Sample1：

这个例子显示两个GirdView，一个是xaml中绑定的，一个是通过cs中动态生成的。

XAML文件：

从xaml文件中可以看到开头是一个<Window.Resources>，它定义了一个资源文件，它是定义数据源的提供者（ObjectDataProvider）。文件名为EmployeeInfoDataSource，它是指向ds名命空间下的myEmployees类，这个名命空间是由xmlns:ds="clr-namespace:SDKSample"来完成指向的，类myEmployees是ds下的一个类名。下面就着重看< ListView >。在<ListView>标签中有个ItemsSource="{Binding Source=                             {StaticResource EmployeeInfoDataSource}，这是把资源文件中的数据引入到ListView的ItemsSource文件中。

AllowsColumnReorder=”true”是充许GridView的标题栏左右拖动。ColumnHeaderToolTip="Employee Information"是设定鼠标停放在GirdView的标题栏上是显示的内容。接下来定义GridView的Bind字段。 <GridViewColumn DisplayMemberBinding=                                "{Binding Path=FirstName}" Header="First Name" Width="100"/>是表示一个新的GridView的Column显示Bind的字段为FirstName，并且字段的标题栏显示为“First Name”。其他字段类似。

<Window

    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

    xmlns:ds="clr-namespace:SDKSample" x:Class="SDKSample.Window1"

    Loaded="OnLoad">

 <Window.Resources>

    <ObjectDataProvider x:Key="EmployeeInfoDataSource"

           ObjectType="{x:Type ds:myEmployees}"/>

 </Window.Resources>

 <Grid>

    <Grid.RowDefinitions>

      <RowDefinition Height="50"/>

      <RowDefinition/>

    </Grid.RowDefinitions>

    <Grid.ColumnDefinitions>

      <ColumnDefinition/>

      <ColumnDefinition/>

    </Grid.ColumnDefinitions>

    <TextBlock Grid.Row="0" Grid.Column="0" FontSize="14"

               HorizontalAlignment="Center">

      ListView created with XAML

    </TextBlock>

    <StackPanel Grid.Row="1" Grid.Column="0" HorizontalAlignment="Center" Orientation="Vertical">

      <ListView ItemsSource="{Binding Source=

                             {StaticResource EmployeeInfoDataSource}}">

        <ListView.View>

          <GridView AllowsColumnReorder="true"

                    ColumnHeaderToolTip="Employee Information">

            <GridViewColumn DisplayMemberBinding=

                                "{Binding Path=FirstName}"

                            Header="First Name" Width="100"/>

            <GridViewColumn DisplayMemberBinding=

                                "{Binding Path=LastName}"

                            Header="Last Name" Width="100"/>

            <GridViewColumn DisplayMemberBinding=

                                "{Binding Path=EmployeeNumber}"

                            Header="Employee No." Width="100"/>

          </GridView>

        </ListView.View>

      </ListView>

    </StackPanel>

    <TextBlock Grid.Row="0" Grid.Column="1" FontSize="14"

               HorizontalAlignment="Center">

      ListView created with Code

    </TextBlock>

    <StackPanel Grid.Row="1" Grid.Column="1" Name="myStackPanel"

                HorizontalAlignment="Center">

    </StackPanel>

 </Grid>

</Window>

 

在CS代码中共有三个类，其中EmployeeInfo和myEmployees是用来绑定数据的。其中myEmployess继承了EmployeeInfo。Window1是动态生成一个GridView。

CS代码：

using System;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Data;

using System.Windows.Documents;

using System.Windows.Media;

using System.Windows.Media.Imaging;

using System.Windows.Shapes;

using System.Collections.ObjectModel;

 

namespace SDKSample

{

    /// <summary>

    /// Interaction logic for Window1.xaml

    /// </summary>

 

    public partial class Window1 : Window

    {

 

        void OnLoad(object sender, RoutedEventArgs e)

        {

            ListView myListView = new ListView();

 

            GridView myGridView = new GridView();

            myGridView.AllowsColumnReorder = true;

            myGridView.ColumnHeaderToolTip = "Employee Information";

 

            GridViewColumn gvc1 = new GridViewColumn();

            gvc1.DisplayMemberBinding = new Binding("FirstName");

            gvc1.Header = "FirstName";

            gvc1.Width = 100;

            myGridView.Columns.Add(gvc1);

            GridViewColumn gvc2 = new GridViewColumn();

            gvc2.DisplayMemberBinding = new Binding("LastName");

            gvc2.Header = "Last Name";

            gvc2.Width = 100;

            myGridView.Columns.Add(gvc2);

            GridViewColumn gvc3 = new GridViewColumn();

            gvc3.DisplayMemberBinding = new Binding("EmployeeNumber");

            gvc3.Header = "Employee No.";

            gvc3.Width = 100;

            myGridView.Columns.Add(gvc3);

 

            //ItemsSource is ObservableCollection of EmployeeInfo objects

            myListView.ItemsSource = new myEmployees();

            myListView.View = myGridView;

            myStackPanel.Children.Add(myListView);

        }

    }

 

    public class EmployeeInfo

    {

        private string _firstName;

        private string _lastName;

        private string _employeeNumber;

 

        public string FirstName

        {

            get {return _firstName;}

            set {_firstName = value;}

        }

 

        public string LastName

        {

            get {return _lastName;}

            set {_lastName = value;}

        }

 

        public string EmployeeNumber

        {

            get {return _employeeNumber;}

            set {_employeeNumber = value;}

        }

 

        public EmployeeInfo(string firstname, string lastname, string empnumber)

        {

            _firstName = firstname;

            _lastName = lastname;

            _employeeNumber = empnumber;

        }

    }

    public class myEmployees :

            ObservableCollection<EmployeeInfo>

    {

        public myEmployees()

        {

            Add(new EmployeeInfo("Jesper", "Aaberg", "12345"));

            Add(new EmployeeInfo("Dominik", "Paiha", "98765"));

            Add(new EmployeeInfo("Yale", "Li", "23875"));

            Add(new EmployeeInfo("Muru", "Subramani", "49392"));

        }

    }

}