时间戳

首页 > 解决方案 > WPF CollectionView/DataGrid 获取第一个可见项的索引

c# - WPF CollectionView/DataGrid 获取第一个可见项的索引

问题描述

有没有办法获得向用户显示的第一个可见项目？

在 WinForms 中，DatagridView我们有FirstDisplayedScrollingRowIndex. WPF 变体是否有等价物？

我在我的 ViewModel 中使用 CollectionView，它绑定到 XAML 中的 DataGrid。

明确一点：我不想获得 SelectedRow 的索引，我已经可以做到了......

示例
我的 ObservableCollection 中有 20 个项目，但由于大小限制，我的 Datagrid 只能显示 13 个。Item2 之前由用户选择，之后用户向下滚动了一点，因此项目 5-17 可见。如何获取 item5 的索引？

XAML 

<Style x:Key="DatagridStyle" TargetType="DataGrid">
        <Setter Property="AutoGenerateColumns" Value="False"/>
        <Setter Property="Background" Value="{StaticResource ColorDatagridBackground}"/>
        <Setter Property="IsReadOnly" Value="True"/>
        <Setter Property="CanUserAddRows" Value="False"/>
        <Setter Property="CanUserDeleteRows" Value="False"/>
        <Setter Property="CanUserResizeColumns" Value="False"/>
        <Setter Property="CanUserReorderColumns" Value="True"/>
        <Setter Property="CanUserSortColumns" Value="True"/>
        <Setter Property="ColumnHeaderHeight" Value="25"/>
        <Setter Property="Margin" Value="0,5,0,5"/>
        <Setter Property="ItemsSource" Value="{Binding ItemCollection}"/>
</Style>
<DataGrid DockPanel.Dock="Top" 
              Style="{StaticResource DatagridStyle}"
              util:DataGridColumnsBehavior.BindableColumns="{Binding DatagridColumns, UpdateSourceTrigger=PropertyChanged}"
              IsSynchronizedWithCurrentItem="True"
              EnableRowVirtualization="True">
        <i:Interaction.Behaviors>
            <util:DataGridScrollBehaviour />
        </i:Interaction.Behaviors>
</DataGrid>

视图模型

private ObservableCollection<DataGridColumn> _datagridColumns;
private CollectionView _itemCollection;
private CollectionViewSource _itemCollectionSource;
public ObservableCollection<DataGridColumn> DatagridColumns
    {
        get => _datagridColumns;
        set
        {
            _datagridColumns = value;
            RaisePropertyChanged();
        }
    }
    public CollectionView ItemCollection
    {
        get => _itemCollection;
        set
        {
            _itemCollection = value;
            RaisePropertyChanged();
        }
    }
    public CollectionViewSource ItemCollectionSource
    {
        get => _itemCollectionSource;
        set
        {
            _itemCollectionSource = value;
            RaisePropertyChanged();
        }
    }


    _datagridColumns = MainViewModel.GetColumns(MainViewModel.AppMode.Match);

    _itemCollectionSource = new CollectionViewSource();
    ItemCollectionSource.Source = _vml.Main.ItemList;
    _itemCollection = (CollectionView)ItemCollectionSource.View;

期望的结果： 如果我的视图区域是......
- 在顶部并且我在顶部添加了一个项目（由于当前排序），我希望我的视图区域保持在顶部，所以我可以看到我的新项目
- 在底部，我在底部添加一个项目（由于当前排序），我希望我的视图区域移动到“新”底部，所以我可以看到我的新项目
- 在中间的任何地方，我想要继续查看相同的 X 项

我可以通过我的 CollectionView 访问 SortOrder，但是为了确定我的视图区域需要移动到哪里，我需要知道我的视图区域当前在哪里（顶部、中间、底部）

标签： c#wpfmvvm

解决方案

对于我的问题（带有项目控件的滚动查看器），我发现解决方案是捕获滚动更改事件并使用它。由于 DataGrid 有一个滚动查看器，我认为您可以执行相同的操作，或者在其他地方使用最有意义的相同逻辑来代替滚动更改。所以在后面的窗口代码中：

    private void dgScrollChanged(object sender, ScrollChangedEventArgs e)
    {
        int i = 0;
        DataGrid dg = (DataGrid)sender;
        foreach (ObservableFlatObservations o in dg.Items)
        {
            UIElement v = (UIElement)dg.ItemContainerGenerator.ContainerFromItem(o);
            GeneralTransform childTransform = v.TransformToAncestor((ScrollViewer)sender);
            Rect rectangle = childTransform.TransformBounds(new Rect(new Point(0, 0), v.RenderSize));
            Rect result = Rect.Intersect(new Rect(new Point(0, 0), ((ScrollViewer)sender).RenderSize), rectangle);
            if (result != Rect.Empty)
            {
                //This one is visible so do some stuff
                return;// i is the index of this item
            }
            i++;
        }
    }

在 datagrid xaml 定义中：

<DataGrid x:Name="MainDataGrid" AutoGenerateColumns="False" HorizontalAlignment="Stretch" Margin="0,0,0,0" VerticalAlignment="Stretch"
          ItemsSource="{Binding oFObs.View}"
          SelectedItem="{Binding CurrentObs, RelativeSource={RelativeSource AncestorType={x:Type Window}}}"
          IsReadOnly="True"
          Grid.Row="1" Grid.ColumnSpan="3"
          ScrollViewer.ScrollChanged="dgScrollChanged">

我还没有用我的数据网格测试过这个，但是这个方法对我原来的情况很有效。请注意，我的数据元素名称未映射到您的问题，但我认为您可以修改它以使用您所拥有的。

在实际尝试后，结果可能更简单。在事件处理程序中，只有在网格中可见的行才会从 ContainerFromItem 调用返回一个值，因为数据网格虚拟化了内容。所以我认为如果你这样做，你可以在数据网格中找到第一个可见索引：

private void dgScrollChanged(object sender, ScrollChangedEventArgs e)
{
    int i = 0;
    DataGrid dg = (DataGrid)sender;
    foreach (GetFlatObservationsResult o in dg.ItemsSource)
    {
        DataGridRow v = (DataGridRow)dg.ItemContainerGenerator.ContainerFromItem(o);
        if(v!=null)
        {
            //i is the index of the first visable row
            //do some stuff
            return;
        }
        i++;
    }
}

推荐阅读