ListViewあれこれ

その１、ListViewでやっちゃいけないこと

「等価と判断されるオブジェクトを複数含むListとBind」
いきなり言ってもなんのこっちゃなので、とりあえずコードをば

<XAML>

<Window x:Class="WpfApplication9.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="342" Loaded="Window_Loaded">
    <Grid>
        <ListView Name="listView1" ItemsSource="{Binding}">
            <ListView.View>
                <GridView>
                    <GridViewColumn Header="へっだ" DisplayMemberBinding="{Binding}"/>
                </GridView>
            </ListView.View>
        </ListView>
    </Grid>
</Window>

<C#>

namespace WpfApplication9
{
    /// <summary>
    /// MainWindow.xaml の相互作用ロジック
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }

        private void Window_Loaded(object sender, RoutedEventArgs e)
        {
            this.DataContext = new[]
            {
                "AAA","BBB","CCC","DDD","AAA","BBB","CCC","DDD","AAA","BBB","CCC","DDD",
            };
        }
    }
}

長く見えるけど、ListViewを配置してDataContextにstringの配列を突っ込んでるだけです。

ポイントは、同じ文字列が繰り返し出てくること。後は実行して、適当に選択するとあら不思議。

その２、SelectedItemsとバインド

ListViewのSelectedItemsとは、バインド出来ません。困ったw。

なので、ListViewItemのIsSelectedプロパティとListView.ItemsSourceに含まれるオブジェクトの任意のプロパティーをBindします。

とはいえ、ListViewItemはxaml上には登場してません。ということで、Styleを使用することになります。

<ListView.ItemContainerStyle>
    <Style TargetType="{x:Type ListViewItem}">
        <Setter Property="IsSelected" Value="{Binding IsSelected, Mode=TwoWay}" />
    </Style>
</ListView.ItemContainerStyle>

その３、Contextメニューが表示されたアイテムを取得する

ListViewに表示されているどの項目で右クリックされたか知りたい場合があります。

そんな場合は、ContextMenu.PlacementTargetプロパティをCommandParameterに渡せばOK。

<ListView Name="listView1" ItemsSource="{Binding}">
    <ListView.Resources>
        <ContextMenu x:Key="menu">
            <MenuItem Header="メニュー" Command="{Binding HogeCommand}" 
                      CommandParameter="{Binding RelativeSource={RelativeSource AncestorType=ContextMenu}, Path=PlacementTarget.Content}"/>
        </ContextMenu>
    </ListView.Resources>
    <ListView.ItemContainerStyle>
        <Style TargetType="{x:Type ListViewItem}">
            <Setter Property="ContextMenu" Value="{StaticResource ResourceKey=menu}"/>
        </Style>
    </ListView.ItemContainerStyle>
    <ListView.View>
        <GridView>
            <GridViewColumn Header="へっだ" DisplayMemberBinding="{Binding}"/>
        </GridView>
    </ListView.View>
</ListView>

後にいくほど適当だな。。。

ListViewのVisualTree

ListViewの動作が気になった(※)ので、ListViewのVisualTreeを確認。
ついでなので、VisualTreeをTreeViewで表示できるようにチャレンジ。

※水平方向にはスクロール同期するが、垂直方向には動かない。

結果、ScrollViewerが入れ子になってた。

XAML

<Window x:Class="WpfApplication1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525" Loaded="Window_Loaded">
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="267" />
            <ColumnDefinition Width="236*" />
        </Grid.ColumnDefinitions>
        <ContentControl Name="contentControl1">
            <ListView Name="listView1" ItemsSource="{Binding}">
                <ListView.View>
                    <GridView>
                        <GridViewColumn Header="列１" DisplayMemberBinding="{Binding Path=Name}"/>
                        <GridViewColumn Header="列２" DisplayMemberBinding="{Binding Path=Value}" />
                    </GridView>
                </ListView.View>
            </ListView>
        </ContentControl>
        <TreeView Grid.Column="1" Name="treeView1" ItemsSource="{Binding}">
            <TreeView.ItemTemplate>
                <HierarchicalDataTemplate ItemsSource="{Binding Path=Children}">
                    <TextBlock Text="{Binding Path=DisplayString}" />
                </HierarchicalDataTemplate>
            </TreeView.ItemTemplate>
        </TreeView>
    </Grid>
</Window>

C#

using System.Collections.ObjectModel;
using System.Linq;
using System.Windows;
using System.Windows.Media;

namespace WpfApplication1
{
    /// <summary>
    /// MainWindow.xaml の相互作用ロジック
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            listView1.DataContext = new[]
            {
                new {Name = "なまえ１", Value = "あたい１"},
                new {Name = "なまえ２", Value = "あたい２"},
                new {Name = "なまえ３", Value = "あたい３"},
                new {Name = "なまえ４", Value = "あたい４"},
            };
        }

        private void Window_Loaded(object sender, RoutedEventArgs e)
        {
            treeView1.DataContext = Enumerable.Repeat(new VisualTreeItem((DependencyObject)contentControl1.Content), 1);
        }
    }

    public class VisualTreeItem
    {
        private DependencyObject _d;

        public VisualTreeItem(DependencyObject d)
        {
            _d = d;
            int count = VisualTreeHelper.GetChildrenCount(d);
            Children = new ObservableCollection<VisualTreeItem>(
                Enumerable.Range(0, count)
                        .Select(i => new VisualTreeItem(VisualTreeHelper.GetChild(d, i))));
        }

        public ObservableCollection<VisualTreeItem> Children { get; private set; }

        public string DisplayString
        {
            get
            {
                return _d.ToString();
            }
        }
    }
}