当列宽缩小时，WPF DataGrid 不会缩小

Question

我在 WPF 中使用 DataGrid，并希望它缩小以仅适合其列的宽度。它在初始渲染中很好地做到了这一点。当我调整列大小以使其更宽时，网格也会增长。但是，如果我调整列大小以使其再次变窄，我的列右侧会出现空白（并且我可以看到列标题灰色区域延伸到列之外。

我想让数据网格缩小其宽度与列，所以我没有得到右侧的空白我尝试调试代码，据我所知问题出在 DataGridCellsPanel 中，但我看不到任何地方可以修复宽度测量。

任何帮助将不胜感激。

Answer 1

不久前我就遇到了这个问题，我对此非常恼火，所以我做了一个丑陋的修复。它并不漂亮，但它可以完成工作。首先，只有当 Horizo​​ntal ScrollBar 不可见时这才会出现问题，因此我们需要对它的引用。一旦加载了所有 DataGridColumn（在我的例子中，所有数据都在 Xaml 中，因此 Loaded 事件），就必须运行此代码，并且它不考虑添加/删除 DataGridColumn，但这是一个简单的修复。

<DataGrid Name="c_dataGrid"
          Loaded="c_dataGrid_Loaded"
          ...>
    <DataGrid.Columns>
        <DataGridTextColumn ..."/>
        <DataGridTextColumn ..."/>
        <!-- ... -->

然后，在 Loaded EventHandler 中，我们获取 DataGrid ScrollViewer 并添加一个监听器，以监听 DataGrid 中每个 DataGridColumn 的 ActualWidthProperty 的变化。

private ScrollViewer m_dataGridScrollViewer = null;
private void c_dataGrid_Loaded(object sender, RoutedEventArgs e)
{
    m_dataGridScrollViewer = GetVisualChild<ScrollViewer>(c_dataGrid);
    DependencyPropertyDescriptor dependencyPropertyDescriptor =
        DependencyPropertyDescriptor.FromProperty(DataGridColumn.ActualWidthProperty, typeof(DataGridColumn));
    if (dependencyPropertyDescriptor != null)
    {
        foreach (DataGridColumn column in c_dataGrid.Columns)
        {
            dependencyPropertyDescriptor.AddValueChanged(column, DataGridColumn_ActualWidthChanged);
        }
    }
}

然后我们根据所有 DataGridColumn 的大小计算 DataGrid 的大小，并添加一个常量 8.0（这通常是差异）。

private void DataGridColumn_ActualWidthChanged(object sender, EventArgs e)
{
    if (m_dataGridScrollViewer != null)
    {
        if (m_dataGridScrollViewer.ComputedHorizontalScrollBarVisibility != Visibility.Visible)
        {
            double dataGridWidth = 8.0;
            foreach (DataGridColumn column in c_dataGrid.Columns)
            {
                dataGridWidth += column.ActualWidth;
            }
            c_dataGrid.Width = dataGridWidth;
        }
        else
        {
            c_dataGrid.Width = double.NaN;
        }
    }
}

如果您想出更好的方法，请告诉我:)

public static T GetVisualChild<T>(object parent) where T : Visual
{
    DependencyObject dependencyObject = parent as DependencyObject;
    return InternalGetVisualChild<T>(dependencyObject);
}
private static T InternalGetVisualChild<T>(DependencyObject parent) where T : Visual
{
    T child = default(T);

    int numVisuals = VisualTreeHelper.GetChildrenCount(parent);
    for (int i = 0; i < numVisuals; i++)
    {
        Visual v = (Visual)VisualTreeHelper.GetChild(parent, i);
        child = v as T;
        if (child == null)
        {
            child = GetVisualChild<T>(v);
        }
        if (child != null)
        {
            break;
        }
    }
    return child;
}

Answer 2

这是一个很好的解决方案。我稍微调整了它，以便它设置 MaxWidth 属性。这解决了网格扩展超出视觉父级限制的问题。为了更好地封装它，我还将它转换为一种行为。

这就是我最终得到的结果。

public class UpdateWidthOnColumnResizedBehavior : Behavior<DataGrid>
{
        private static readonly DependencyPropertyDescriptor Descriptor;

        static UpdateWidthOnColumnResizedBehavior()
        {
            Descriptor = DependencyPropertyDescriptor.FromProperty(DataGridColumn.ActualWidthProperty, typeof(DataGridColumn));
        }

        protected override void OnAttached()
        {
            base.OnAttached();

            AssociatedObject.Columns.CollectionChanged += OnColumnsCollectionChanged;

            foreach (var column in AssociatedObject.Columns)
            {
                AddListener(column);
            }
        }

        void OnColumnsCollectionChanged(object sender, NotifyCollectionChangedEventArgs e)
        {
            switch (e.Action)
            {
                case NotifyCollectionChangedAction.Add:
                    foreach (var column in e.NewItems.OfType<DataGridColumn>())
                    {
                        AddListener(column);
                    }
                    break;
                case NotifyCollectionChangedAction.Remove:
                    foreach (var column in e.OldItems.OfType<DataGridColumn>())
                    {
                        RemoveListener(column);
                    }
                    break;
                case  NotifyCollectionChangedAction.Replace:
                    foreach (var column in e.NewItems.OfType<DataGridColumn>())
                    {
                        AddListener(column);
                    }
                    foreach (var column in e.OldItems.OfType<DataGridColumn>())
                    {
                        RemoveListener(column);
                    }
                    break;
            }
        }

        protected override void OnDetaching()
        {
            base.OnDetaching();

            foreach (var column in AssociatedObject.Columns)
            {
                RemoveListener(column);
            }
        }

        private void AddListener(DataGridColumn column)
        {
            Descriptor.AddValueChanged(column, ResizeGrid);
        }

        private void RemoveListener(DataGridColumn column)
        {
            Descriptor.RemoveValueChanged(column, ResizeGrid);
        }

        private void ResizeGrid(object sender, EventArgs e)
        {
            var columnsWidth = AssociatedObject.Columns.Sum(c => c.ActualWidth);
            AssociatedObject.MaxWidth = columnsWidth + 2;
            AssociatedObject.InvalidateMeasure();
        }
    }

关于两个网格的宽度协调，我还有一些问题需要解决，但它看起来适用于一个。

Answer 3

您的两种方法似乎都存在一些小问题。当我将最左边的列拖到右边时，整个网格正在调整大小/滚动到内部（不幸的是，我没有足够的声誉来发布图像）。

所以我修改了jjrdk ResizeGrid函数，所以它计算最后一列的宽度并将其一直向左延伸。网格 Horizo​​ntalAlignment 和 Horizo​​ntalContentAlignment 必须设置为
水平对齐.拉伸。

void ResizeGrid(object sender, EventArgs e) 
    {
         var scroll = ExTreeHelper.FindVisualChild<ScrollViewer>(AssociatedObject);

        if (scroll != null && null != AssociatedObject.Columns && AssociatedObject.Columns.Count > 0)
        {
            var lastColumn = AssociatedObject.Columns.Last();

            double dataGridWidth = AssociatedObject.Columns.Sum(c => c.ActualWidth) + 2.0;

            if (scroll.ComputedHorizontalScrollBarVisibility != Visibility.Visible)
            {
                RemoveListener(lastColumn);

                AssociatedObject.Columns.Last().Width =
                    AssociatedObject.Columns.Last().Width.DisplayValue + scroll.ViewportWidth - dataGridWidth;

                AssociatedObject.Width = dataGridWidth + scroll.ViewportWidth - dataGridWidth;

                AddListener(lastColumn);
            }
            else
            {
                AssociatedObject.HorizontalAlignment = HorizontalAlignment.Stretch;
                AssociatedObject.HorizontalContentAlignment = HorizontalAlignment.Stretch;

                AssociatedObject.Width = double.NaN;
            }
        }         }  

我遇到的唯一问题是滚动条始终存在，即使所有列都已适合。

还有一个问题，当所有列都向左折叠时，它开始闪烁。

有什么办法可以真正消除这个空白吗？

莱昂