wpf - ItemsSource を持つ ItemsControl を配列インデックスにバインドします。

Question

ItemsSource と DataTemplate を使用して、ItemsControl をオブジェクトの配列にバインドしたいと考えています。そして、各項目のインデックスを表示したいと思います。お気に入り

顧客 1:

お名前：xxxx

年齢:888

顧客 2:

名前：yyy

年齢: 7777

Answer 1

これを行う最も簡単な方法は、クラスに Index プロパティを追加することです;-) それ以外の場合は、MultiValueConverter を使用して実行できます。

<Window x:Class="IndexSpike.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"
    xmlns:Converters="clr-namespace:IndexSpike"
    xmlns:diag="clr-namespace:System.Diagnostics;assembly=WindowsBase"
    Name="Root"
    >
    <Window.Resources>
        <Converters:GetIndex x:Key="GetIndexConverter"/>
    </Window.Resources>
    <StackPanel>
        <ItemsControl ItemsSource="{Binding Persons}">
            <ItemsControl.ItemTemplate>
                <DataTemplate>
                    <StackPanel>
                        <TextBlock Margin="0,5,0,0">
                        <TextBlock.Text>
                            <MultiBinding Converter="{StaticResource
                                            GetIndexConverter}"
                                            StringFormat="Index: {0}">
                                <Binding Path="."/>
                                <Binding ElementName="Root" Path="Persons"/>
                            </MultiBinding>
                        </TextBlock.Text>
                        </TextBlock>
                        <TextBlock Text="{Binding Name, StringFormat='Name: {0}'}"/>
                        <TextBlock Text="{Binding Age, StringFormat='Age {0}'}"/>
                    </StackPanel>
                </DataTemplate>
            </ItemsControl.ItemTemplate>
        </ItemsControl>
    </StackPanel>
</Window>

using System;
using System.Collections.ObjectModel;
using System.Globalization;
using System.Windows;
using System.Windows.Data;

namespace IndexSpike
{
    public partial class Window1 : Window
    {
        public ObservableCollection<Person> Persons { get; set; }

        public Window1()
        {
            Persons=new ObservableCollection<Person>
                        {
                            new Person("Me",20),
                            new Person("You",30)
                        };
            InitializeComponent();
            DataContext = this;
        }
    }

    public class Person
    {
        public Person(string name,int age)
        {
            Name = name;
            Age=age;
        }

        public string Name { get; set; }
        public int Age { get; set; }
    }

    public class GetIndex:IMultiValueConverter
    {
        #region Implementation of IMultiValueConverter

        public object Convert(object[] values, Type targetType, object parameter, CultureInfo culture)
        {
            var persons = (ObservableCollection<Person>) values[1];
            var person = (Person) values[0];
            return persons.IndexOf(person);
        }

        public object[] ConvertBack(object value, Type[] targetTypes, object parameter, CultureInfo culture)
        {
            throw new NotImplementedException();
        }

        #endregion
    }
}

この質問のおかげで、MultiBinding を宣言する別の方法を見つけました。

<MultiBinding Converter="{StaticResource GetIndexConverter}"
                                          StringFormat="Index: {0}">
     <Binding Path="."/>
     <Binding RelativeSource="{RelativeSource FindAncestor,
                                  AncestorType={x:Type ItemsControl}}" 
                                  Path="DataContext.Persons"/>
</MultiBinding>