C＃ WPF从后台代码生成行列可变的表格

z概述

WPF常用的表格控件是DataGrid，这个控件在前台XAML编写的话，一般列已经固定，然后给每个列去绑定数据，但是如果我的列不固定，随着运算结果变动呢？这时候DataGrid，就比较难实现这个需求，这节我就从后台代码去添加控件去实现这个功能.

效果演示

实现方法

-. 前台XAML:

                <dxlc:LayoutControl>

                    <Grid HorizontalAlignment="Left" VerticalAlignment="Top" 
                        cal:Message.Attach="[Event Loaded]=[Grid_Loaded($source,$eventArgs)]" />

                </dxlc:LayoutControl>

复制

这里我把grid放到了dxlc:LayoutControl中，这样可以实现grid尺寸超出界面分配的长宽时，横纵出现滑动条：如下图

-.后台代码：

数据模型：

 public class WidthMetrologyDTO
    {
        /// <summary>
        /// 
        /// </summary>
        public bool IsMeasureSuccess { get; set; }

        /// <summary>
        /// 
        /// </summary>
        public double Degree { get; set; }

        /// <summary>
        /// 
        /// </summary>
        public string ImageFilePath { get; set; }

        /// <summary>
        /// 
        /// </summary>
        public double Width { get; set; }

        public double EdgeNum { get; set; }

        public List<EdgePosition> EdgePositions { get; set; }
    }

    public class EdgePosition
    {
        public double EdgesAmplitude { get; set; }
    }

复制

①定义grid以及数据集合：

   public Grid resultDisplayGrid;
   public BindableCollection<WidthMetrologyDTO> WidthMetrologyData { get; set; }
            = new BindableCollection<WidthMetrologyDTO>();

复制

②控件加载时获取grid对象：

        public void Grid_Loaded(object sender, RoutedEventArgs e)
        {
            resultDisplayGrid = (Grid)sender;
        }

复制

③添加数据集合：

 public void ResultDispaly()
        {
            try
            {
                WidthMetrologyData.Clear();
                WidthMetrologyData.Add(new WidthMetrologyDTO
                {
                    Width = 345.1,
                    EdgeNum = 3,
                    EdgePositions = new List<EdgePosition>
                    {
                        new EdgePosition(){EdgesAmplitude = 1.1},
                        new EdgePosition(){EdgesAmplitude = 2.2},
                        new EdgePosition(){EdgesAmplitude = 3.3},
                    },
                });
                WidthMetrologyData.Add(new WidthMetrologyDTO
                {
                    Width = 345.2,
                    EdgeNum = 2,
                    EdgePositions = new List<EdgePosition>
                    {
                        new EdgePosition(){EdgesAmplitude = 4.4},
                        new EdgePosition(){EdgesAmplitude = 5.5},
                    },
                });
                WidthMetrologyData.Add(new WidthMetrologyDTO
                {
                    Width = 345.3,
                    EdgeNum = 4,
                    EdgePositions = new List<EdgePosition>
                    {
                        new EdgePosition(){EdgesAmplitude = 6.6},
                        new EdgePosition(){EdgesAmplitude = 7.7},
                        new EdgePosition(){EdgesAmplitude = 8.8},
                         new EdgePosition(){EdgesAmplitude = 9.9},
                    },
                });
                WidthMetrologyData.Add(new WidthMetrologyDTO
                {
                    Width = 345.0,
                    EdgeNum = 1,
                    EdgePositions = new List<EdgePosition>
                    {
                        new EdgePosition(){EdgesAmplitude = 0.66},
                    },
                });
                AddResultGrid();
            }
            catch (Exception ex)
            {
                //logger.Debug($"ResultData add fail : {ex}");
            }
        }

复制

④数据表格生成

        public void AddResultGrid()
        {
            try
            {
                resultDisplayGrid.Children.Clear();
                var gridColumns = 2 + WidthMetrologyData.OrderByDescending(index => index.EdgePositions.Count).FirstOrDefault().EdgePositions.Count;
                var gridRows = 16;

                //添加grid行
                for (int i = 0; i < gridColumns; i++)
                {
                    var columnDefinition = new ColumnDefinition();
                    resultDisplayGrid.ColumnDefinitions.Add(columnDefinition);
                    if (i == 1)
                    {
                        columnDefinition.Width = new GridLength(2, GridUnitType.Star);//相对尺寸
                    }
                    else
                    {
                        columnDefinition.Width = new GridLength(1, GridUnitType.Star);
                    }
                    //columnDefinition.Width = GridLength.Auto;
                }
                //添加grid列
                for (int i = 0; i < gridRows; i++)
                {
                    var rowDefinition = new RowDefinition();
                    resultDisplayGrid.RowDefinitions.Add(rowDefinition);
                    rowDefinition.Height = new GridLength(30, GridUnitType.Pixel);//绝对尺寸
                }

                //添加数据
                //var controlWidth = 100;
                //var controlHeight = 30;
                for (int degreeIndex = 0; degreeIndex < WidthMetrologyData.Count; degreeIndex++)
                {
                    var rowsCount = 3;
                    var columnsCount = WidthMetrologyData[degreeIndex].EdgePositions.Count;
  
                    for (int row = 0; row < rowsCount; row++)
                        for (int column = 0; column < columnsCount + 2; column++)
                        {
                            TextBlock tb = new TextBlock();
                            //tb.Width = controlWidth;
                            //tb.Height = controlHeight;
                            //tb.HorizontalAlignment = HorizontalAlignment.Left;
                            //tb.VerticalAlignment = VerticalAlignment.Center;


                            Border border = new Border();
                            border.BorderBrush = System.Windows.Media.Brushes.BlueViolet;
                            border.BorderThickness = new Thickness(1);

                            border.Child = tb;
                            border.SetValue(Grid.RowProperty, row + degreeIndex * 4);
                            border.SetValue(Grid.ColumnProperty, column);
                            resultDisplayGrid.Children.Add(border);

                            if (row == 0 && column >= 2)
                            {
                                tb.Text = (column - 1).ToString();
                            }
                            else if (row == 1 && column >= 2)
                            {
                                tb.Text = WidthMetrologyData[degreeIndex].EdgePositions[column - 2].EdgesAmplitude.ToString();
                            }
                            else if (row == 2 && column >= 2)
                            {
                                if (column == 2)
                                {
                                    tb.Text = WidthMetrologyData[degreeIndex].Width.ToString();
                                    //tb.Width = columnsCount * controlWidth;
                                    tb.SetValue(Grid.ColumnSpanProperty, columnsCount);
                                }
                                else
                                {
                                    continue;
                                }
                            }

                            if (column == 0)
                            {
                                if (row == 0)
                                {
                                    switch (degreeIndex)
                                    {
                                        case 0:
                                            tb.Text = "第一组"; break;
                                        case 1:
                                            tb.Text = "第二组"; break;
                                        case 2:
                                            tb.Text = "第三组"; break;
                                        case 3:
                                            tb.Text = "第四组"; break;
                                        default: break;
                                    }
                                    //tb.Height = 3 * controlHeight;
                                    tb.SetValue(Grid.RowSpanProperty, 3);
                                }
                                else
                                {
                                    continue;
                                }
                            }

                            if (column == 1)
                            {
                                switch (row)
                                {
                                    case 0:
                                        tb.Text = "ID"; break;
                                    case 1:
                                        tb.Text = "Value"; break;
                                    case 2:
                                        tb.Text = "Fraction"; break;
                                    default:
                                        tb.Text = string.Empty; break;
                                }
                                //tb.Width = controlWidth;
                            }

                        }
                }

                resultDisplayGrid.Width = (gridColumns + 1)* 40;
                //resultDisplayGrid.Height = gridRows * controlHeight;
            }
            catch (Exception ex)
            {
                //logger.Error($"Add result  grid fail,{ex}");
            }
        }

复制

解释：

-. grid添加行以及尺寸设置：ridUnitType.Pixel代表绝对尺寸，GridUnitType.Star相对尺寸

   var rowDefinition = new RowDefinition();
                    resultDisplayGrid.RowDefinitions.Add(rowDefinition);
                    rowDefinition.Height = new GridLength(30, GridUnitType.Pixel);//绝对尺寸

复制

自动尺寸：

columnDefinition.Width = GridLength.Auto;

复制

-. link的使用：按照集合中EdgePositions数量降序排列后获取第一个列表值

WidthMetrologyData.OrderByDescending(index => index.EdgePositions.Count).FirstOrDefault().EdgePositions.Count;

复制

-.生成控件并添加到grid中，并通过SetValue设置控件在grid中的行列位置

                            TextBlock tb = new TextBlock();
                            //tb.Width = controlWidth;
                            //tb.Height = controlHeight;
                            //tb.HorizontalAlignment = HorizontalAlignment.Left;
                            //tb.VerticalAlignment = VerticalAlignment.Center;


                            Border border = new Border();
                            border.BorderBrush = System.Windows.Media.Brushes.BlueViolet;
                            border.BorderThickness = new Thickness(1);

                            border.Child = tb;
                            border.SetValue(Grid.RowProperty, row + degreeIndex * 4);
                            border.SetValue(Grid.ColumnProperty, column);
                            resultDisplayGrid.Children.Add(border);

复制

源码

链接：https://pan.baidu.com/s/1mgzyTRVwvq1XpJ6y0iyVww

提取码：6666