Início / coding / Perguntas / 79289873
Accepted
kinton
Asked: 2024-12-18 11:09:05 +0800 CST

Exibindo índice no WinUI 3 ListView

  • 772

Estou exibindo um ListView usando WinUI3. Estou exibindo um array de structs, mas é possível exibir um índice de array que não faz parte do struct em XAML?

<ListView>
  <ListView.ItemTemplate>
    <DataTemplate x:DataType="local:MyData">
      <TextBlock Text="{x:Bind Index}"/>
    </DataTemplate>
  </ListView.ItemTemplate>
</ListView>

Vi que no WPF, você pode fazer como o seguinte, mas resulta em um erro no WinUI3. Não existe tal método no WinUI3?

<TextBlock Text="{Binding RelativeSource={RelativeSource AncestorType=ListViewItem}, Path=(ItemsControl.AlternationIndex)}" />
xaml

1 respostas

  1. Best Answer

    Como parece que não há uma maneira fácil de fazer isso, você deve manter o controle do índice no item ( MyData) em si. Mas se você não puder fazer isso, você pode tentar o que eu inventei. Funciona. O Visual Studio vai gritar com você, mas funciona.

    Primeiro, você precisa instalar o pacote CommunityToolkit.WinUI.Extensions NuGet.

    Então:

    public partial class ListViewItemElementToIndexConverter : IValueConverter
{
    private ListView? OwnerListView { get; set; }

    public object Convert(object value, Type targetType, object parameter, string language)
    {
        var frameworkElement = value as FrameworkElement;
        OwnerListView ??= frameworkElement?.FindAscendant<ListView>();
        string index = OwnerListView?.Items.IndexOf(frameworkElement?.DataContext).ToString() ?? "-1";
        return index;
    }

    public object ConvertBack(object value, Type targetType, object parameter, string language)
    {
        throw new NotImplementedException();
    }
}

    <Page.Resources>
    <local:ListViewItemElementToIndexConverter x:Key="ListViewItemElementToIndexConverter" />
</Page.Resources>

<ListView ItemsSource="{x:Bind ViewModel.MyDataCollection, Mode=OneWay}">
    <ListView.ItemTemplate>
        <DataTemplate x:DataType="local:MyData">
            <ListViewItem>
                <TextBlock
                    x:Name="IndexTextBlock"
                    Text="{x:Bind IndexTextBlock, Mode=OneWay, Converter={StaticResource ListViewItemElementToIndexConverter}}" />
            </ListViewItem>
        </DataTemplate>
    </ListView.ItemTemplate>
</ListView>

    ATUALIZAR

    Você precisa envolver o DataTemplateconteúdo com a, ListViewItema menos que o DataContextnão seja definido.

    • 1

relate perguntas