1. 程式人生 > >將二維字串陣列作為WPF ListView的ItemSource

將二維字串陣列作為WPF ListView的ItemSource

在WPF中,平時我們使用繫結,是將一個物件陣列當作資料來源,而物件又有很多屬性,間接的相當於二維陣列,但這樣做我們事先要知道物件有什麼屬性,有幾個屬性才能繫結,萬一不確定ListView的列有多少行,需要在執行時才能確定呢?舉例如下:
第一張圖:
這裡寫圖片描述
第二張圖:
這裡寫圖片描述
這兩張圖的資料的列數不一樣,還有可能有其他列數不一樣的檔案資料,現在的需求是:要求我們的WPF ListView能夠載入檔案,然後顯示出來。
因為有不確定性,所以無法事先定義Model來繫結到ListView上去。如果是Winform的Listview可以一列一列的賦值,但是WPF怎麼實現呢?請看:
首先我們要獲取列名:用一個string的陣列表示好了,用一個二維string陣列表示資料:

string[] headers = new string[] { "姓名", "年齡", "身高" };
string[][] datas = new string[][]
 {
     new string[] { "111","1","165"},
     new string[] { "222","2","165"}
 };

要注意headers 的長度與datas的第二個維度的長度要一樣。
本示例前臺程式碼:

<Window x:Class="二維陣列繫結ListView.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:local="clr-namespace:二維陣列繫結ListView" mc:Ignorable="d" Title="MainWindow" Height
="350" Width="525" Loaded="Window_Loaded">
<Grid> <ListView Name="lv"></ListView> </Grid> </Window>

動態建立ListView的列(根據headers的長度):

 private void GenerateColumns(ListView listView, string[] headers)
        {
            if (headers == null || headers.Length == 0)
                return;
            GridView gridView = new GridView();
            listView.View = gridView;
            for (int i = 0; i < headers.Length; i++)
            {
                GridViewColumn column = new GridViewColumn();
                column.Header = headers[i];//設定列名稱
                //此處設定陣列的繫結,陣列取第0個元素為list[0],通過索引器取
                column.DisplayMemberBinding = new Binding(string.Format("[{0}]", i));
                gridView.Columns.Add(column);
            }
        }

其中最重要的一句是:column.DisplayMemberBinding = new Binding(string.Format(“[{0}]”, i));動態繫結字串數組裡的元素
全部前臺程式碼貼出來如下:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;

namespace 二維陣列繫結ListView
{
    /// <summary>
    /// Interaction logic for MainWindow.xaml
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }

        private void Window_Loaded(object sender, RoutedEventArgs e)
        {
            string[] headers = new string[] { "姓名", "年齡", "身高" };
            string[][] datas = new string[][]
            {
                new string[] { "111","1","165"},
                new string[] { "222","2","165"}
            };
            //根據Header長度生產列
            GenerateColumns(lv, headers);
            //設定資料來源
            lv.ItemsSource = datas;

        }
        private void GenerateColumns(ListView listView, string[] headers)
        {
            if (headers == null || headers.Length == 0)
                return;
            GridView gridView = new GridView();
            listView.View = gridView;
            for (int i = 0; i < headers.Length; i++)
            {
                GridViewColumn column = new GridViewColumn();
                column.Header = headers[i];//設定列名稱
                //此處設定陣列的繫結,陣列取第0個元素為list[0],通過索引器取
                column.DisplayMemberBinding = new Binding(string.Format("[{0}]", i));
                gridView.Columns.Add(column);
            }
        }
    }
}

執行結果:
這裡寫圖片描述
增加header的列:

 private void Window_Loaded(object sender, RoutedEventArgs e)
        {
            //string[] headers = new string[] { "姓名", "年齡", "身高" };
            //string[][] datas = new string[][]
            //{
            //    new string[] { "111","1","165"},
            //    new string[] { "222","2","165"}
            //};
            string[] headers = new string[] { "姓名", "年齡", "身高","體重","學歷","戶籍" };
            string[][] datas = new string[][]
            {
                new string[] { "111","1","165","45KG","本科","湖北"},
                new string[] { "222","2","165","45KG","大專","湖南"}
            };
            //根據Header長度生產列
            GenerateColumns(lv, headers);
            //設定資料來源
            lv.ItemsSource = datas;

        }

執行結果如下:
這裡寫圖片描述
這樣就解決了列不確定時,需要用ListView動態顯示和繫結資料的問題