=====================================================

今天在網上閒逛，突然發現這邊文章竟然被人毫不尊重原作者權益而胡亂轉載，讓人氣憤。

本著知識共享的目的，歡迎大家轉載，但是轉載請保留本文的原始連結，謝謝！ 

本文原作者：YuanHui

=====================================================

    在WPF中使用ListView，往往需要根據情況隱藏或顯示ListView的某一列，我們當然可以通過程式碼來對付它（利用VisualTreeHelper.GetChild(listView)來得到某一個Column，然後隱藏它），但是，既然使用了WPF，我們就要入鄉隨俗，使用模板來處理。其實模板是個好東西，他提供了非常便利的定製機制，你可以把任意可視元素定義的面目全非——當然如果你願意

。
    為了增減ListView的Column，我們只需定義多個GridView資源，在執行時根據不同情況使用不同資源，就可以達到增減Column的目的。這裡其實都算不上是真正的模板替換。
    本文附帶原始碼可以在這裡下載到：TestListViewColumnCustom.rar
    下面就開始吧！
    老規矩，拖出VS2008，Create new project->WPF Application，名字就叫TestListViewColumnCustom吧，我一貫以“Test”開頭命名工程，這樣表明這是一個測試專案，是對ListViewColumnCustom所做的測試工程。點選OK後進入Window1.xaml

設計介面，拽一個ListView進主視窗（聽說通過敲Xaml程式碼來建立控制元件而不是通過“拽”來建立控制元件的人都是牛人，所以我喜歡敲程式碼；當然了，在WPF設計器不成熟的早期階段，很多控制元件定製後顯示不正常，你不敲程式碼還能去敲微軟？），新增幾個Column，併為視窗新增幾個Label、CheckBox，執行結果如下：


圖1 介面

Xaml程式碼如下：

<Window x:Class="TestListViewColumnCustom.Window1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="Window1" Height="300" Width="300">
        
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="42"/>
            <RowDefinition Height="32"/>
            <RowDefinition/>
            <RowDefinition Height="60"/>
        </Grid.RowDefinitions>
        <Label Margin="5" Grid.Row="0" Grid.Column="0" HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="18" Foreground="Maroon">List View Column Custom</Label>
        <CheckBox Margin="5" Grid.Row="1" Grid.Column="0" Click="CheckBox_Click" VerticalAlignment="Center">Hide Last Column</CheckBox>
        <ListView Name="listView1" Margin="5" Grid.Row="2" Grid.Column="0">
            <ListView.View>
                <GridView>
                    <GridViewColumn Header="Name"></GridViewColumn>
                    <GridViewColumn Header="A" Width="60"></GridViewColumn>
                    <GridViewColumn Header="B" Width="60"></GridViewColumn>
                    <GridViewColumn Header="WillBeHiden"></GridViewColumn>
                </GridView>
            </ListView.View>
        </ListView>
        <StackPanel Margin="5" Grid.Row="3" Grid.Column="0">
            <Label Foreground="Maroon">Author:He,YuanHui</Label>
            <Label Foreground="Maroon">Date:  2008.7.10</Label>
        </StackPanel>
    </Grid>
</Window>

給ListView新增兩個（任意多個）GridView資源，擁有不同的Columns：

    <Window.Resources>
        <GridView x:Key="haveHidnColumn">
            <GridViewColumn Header="Name"></GridViewColumn>
            <GridViewColumn Header="A" Width="60"></GridViewColumn>
            <GridViewColumn Header="B" Width="60"></GridViewColumn>
            <GridViewColumn Header="WillBeHiden"></GridViewColumn>
        </GridView>
        <GridView x:Key="haveNoHidnColumn">
            <GridViewColumn Header="Name"></GridViewColumn>
            <GridViewColumn Header="A" Width="60"></GridViewColumn>
            <GridViewColumn Header="B" Width="60"></GridViewColumn>
        </GridView>
    </Window.Resources>
為CheckBox新增Click處理事件：
        private void CheckBox_Click(object sender, RoutedEventArgs e)
        {
            // select different template
            CheckBox checkBox = sender as CheckBox;
            if (checkBox.IsChecked == true)
            {
                this.listView1.View = this.Resources["haveNoHidnColumn"] as GridView;
            }
            else
            {
                this.listView1.View = this.Resources["haveHidnColumn"] as GridView;
            }

            // rebinding data
            this.listView1.ItemsSource = null;
            this.listView1.ItemsSource = dataList;
        }

執行，點選CheckBox，可以發現最後一列可以動態“刪除”：

圖2 WillBeHiden列將被刪除

勾選CheckBox：

圖3 WillBeHiden列被刪除

為了顯得更加真實，上面綁定了資料：
        public Window1()
        {
            InitializeComponent();

            // init data
            for (int i = 0; i < 5; i++)
            {
                dataList.Add(new Data());
                dataList[i].Name = "data" + (i + 1).ToString();
                dataList[i].A = 1.0 + i / 10.0;
                dataList[i].B = 2.0 + i / 10.0;
            }

            this.listView1.ItemsSource = dataList;
        }


簡單總結一下：思想就是，在資源中定義具有不同Column的資源，根據程式需要，為ListView繫結不同GridView，達到動態修改ListView的列的目的。

注意，由於資料繫結的關係，替換模板後需要重新繫結一下資料：
            // rebinding data
            this.listView1.ItemsSource = null;
            this.listView1.ItemsSource = dataList;