WPF DataGrid如何获得冻结行/列的工作？

2018-06-23 21:31:36

我创建了一个基于Grid（不是DataGrid）的用户控件，该控件包装在ScrollViewer中。现在我想要像DataGrid一样冻结行/列的功能，但无法弄清楚。

有人可以给我一些见解如何在WPF DataGrid中完成？

自己解决这个问题之后，我想分享一下我发现的内容。

DataGrid使用两种不同的方法。

首先：RowHeader

这是DataGridRow的简化Template ：

<Border x:Name="DGR_Border" ... >
    <SelectiveScrollingGrid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="Auto"/>
            <ColumnDefinition Width="*"/>
        </Grid.ColumnDefinitions>

        <Grid.RowDefinitions>
            <RowDefinition Height="*"/>
            <RowDefinition Height="Auto"/>
        </Grid.RowDefinitions>

        <DataGridRowHeader Grid.RowSpan="2"
            SelectiveScrollingGrid.SelectiveScrollingOrientation="Vertical" ... />

        <DataGridCellsPresenter Grid.Column="1" ... />

        <DataGridDetailsPresenter Grid.Column="1" Grid.Row="1"
            SelectiveScrollingGrid.SelectiveScrollingOrientation="{Binding RelativeSource={RelativeSource AncestorType={x:Type DataGrid}},
                                                                           Path=AreRowDetailsFrozen, Converter={x:Static DataGrid.RowDetailsScrollingConverter},
                                                                           ConverterParameter={x:Static SelectiveScrollingOrientation.Vertical}}" ... />
    </SelectiveScrollingGrid>
</Border>

正如你所看到的， DataGrid使用SelectiveScrollingOrientation附加属性来保持RowHeader的位置。如果此属性设置（或更改），则会为该元素创建一个与父级ScrollViewer查看器偏移量绑定的自适应TranslateTransform 。查看源代码中的细节。

其次：FrozenColumns

这些东西发生在DataGridCellsPanel ArrangeOverride() 。它使用一个私人的ArrangeState类来“维持安排多个孩子之间的状态”。

private class ArrangeState
{
    public ArrangeState()
    {
        FrozenColumnCount = 0;
        ChildHeight = 0.0;
        NextFrozenCellStart = 0.0;
        NextNonFrozenCellStart = 0.0;
        ViewportStartX = 0.0;
        DataGridHorizontalScrollStartX = 0.0;
        OldClippedChild = null;
        NewClippedChild = null;
    }

    public int FrozenColumnCount { get; set; }
    public double ChildHeight { get; set; }
    public double NextFrozenCellStart { get; set; }
    public double NextNonFrozenCellStart { get; set; }
    public double ViewportStartX { get; set; } 
    public double DataGridHorizontalScrollStartX { get; set; }
    public UIElement OldClippedChild { get; set; }
    public UIElement NewClippedChild { get; set; }
}

用初始化状态之后

private void InitializeArrangeState(ArrangeState arrangeState)
{
    DataGrid parentDataGrid = ParentDataGrid;
    double horizontalOffset = parentDataGrid.HorizontalScrollOffset;
    double cellsPanelOffset = parentDataGrid.CellsPanelHorizontalOffset;
    arrangeState.NextFrozenCellStart = horizontalOffset;
    arrangeState.NextNonFrozenCellStart -= cellsPanelOffset;
    arrangeState.ViewportStartX = horizontalOffset - cellsPanelOffset;
    arrangeState.FrozenColumnCount = parentDataGrid.FrozenColumnCount;
}

它呼吁

ArrangeChild(children[childIndex] as UIElement, i, arrangeState);

对于所有已实现的孩子，并计算未实现的孩子/列的估计宽度。

double childSize = GetColumnEstimatedMeasureWidth(column, averageColumnWidth);
arrangeState.NextNonFrozenCellStart += childSize;

最后，这些值将在DataGrid的相应字段中设置。

private void FinishArrange(ArrangeState arrangeState)
{
    DataGrid parentDataGrid = ParentDataGrid;

    // Update the NonFrozenColumnsViewportHorizontalOffset property of datagrid
    if (parentDataGrid != null)
    {
        parentDataGrid.NonFrozenColumnsViewportHorizontalOffset = arrangeState.DataGridHorizontalScrollStartX;
    }

    // Remove the clip on previous clipped child
    if (arrangeState.OldClippedChild != null)
    {
        arrangeState.OldClippedChild.CoerceValue(ClipProperty);
    }

    // Add the clip on new child to be clipped for the sake of frozen columns.
    _clippedChildForFrozenBehaviour = arrangeState.NewClippedChild;
    if (_clippedChildForFrozenBehaviour != null)
    {
        _clippedChildForFrozenBehaviour.CoerceValue(ClipProperty);
    }
}

ArrangeChild(UIElement child, int displayIndex, ArrangeState arrangeState)的详细信息可以从源代码的 1470行中找到。

结论

这不是简单的让列冻结。即使这会起作用（除了整个宽度上的裁剪和滚动条）

<ListView ItemsSource="some rows">
    <ListView.ItemTemplate>
        <DataTemplate>
            <Grid>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition />
                    <ColumnDefinition />
                </Grid.ColumnDefinitions>
                <TextBlock Grid.Column="0" Text="Fixed"
                           Background="LightBlue" Width="300"
                           SelectiveScrollingGrid.SelectiveScrollingOrientation="Vertical" />
                <TextBlock Grid.Column="1" Text="Scrolled"
                           Background="LightGreen" Width="300" />
            </Grid>
        </DataTemplate>
    </ListView.ItemTemplate>
</ListView>

这不会：

<ScrollViewer HorizontalScrollBarVisibility="Auto">
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition />
            <ColumnDefinition />
        </Grid.ColumnDefinitions>
        <TextBlock Grid.Column="0" Text="Fixed"
                   Background="LightBlue" Width="300"
                   SelectiveScrollingGrid.SelectiveScrollingOrientation="Vertical" />
        <TextBlock Grid.Column="1" Text="Scrolled"
                   Background="LightGreen" Width="300" />                    
    </Grid>
</ScrollViewer>

原因是SelectiveScrollingOrientation attached property中的DataGridHelper.FindVisualParent<ScrollViewer>(element) （参见souce代码中的第149行）失败。也许你会发现解决方法，例如用原始代码的副本创建自己的附属属性，但通过名称获取ScrollViewer 。否则，我认为你必须从头开始做很多事情。

Datagrid的Column和Row有一个名为“Frozen”的属性

如果你想冻结一列，我建议你做下面的事情

或者您希望它在选定的行或列事件上，然后在事件上获取列/行并将其标记为Frozen = true

或者在鼠标上单击鼠标右键创建另一个按钮或上下文菜单，然后冻结/解冻当前标记的内容

列/行

希望这可以帮助

链接地址: http://www.djcxy.com/p/66969.html

上一篇: How does WPF DataGrid get frozen rows/columns working?

下一篇: How do I remove a <select> option once it's been chosen using jQuery?