概述

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

效果演示

实现方法

-. 前台XAML:

cal:Message.Attach="[Event Loaded]=[Grid_Loaded($source,$eventArgs)]" />

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

-.后台代码：

数据模型：

public class WidthMetrologyDTO

{

///

///

///

public bool IsMeasureSuccess { get; set; }

///

///

///

public double Degree { get; set; }

///

///

///

public string ImageFilePath { get; set; }

///

///

///

public double Width { get; set; }

public double EdgeNum { get; set; }

public List EdgePositions { get; set; }

}

public class EdgePosition

{

public double EdgesAmplitude { get; set; }

}

①定义grid以及数据集合：

public Grid resultDisplayGrid;

public BindableCollection WidthMetrologyData { get; set; }

= new BindableCollection();

　　②控件加载时获取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

{

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

{

new EdgePosition(){EdgesAmplitude = 4.4},

new EdgePosition(){EdgesAmplitude = 5.5},

},

});

WidthMetrologyData.Add(new WidthMetrologyDTO

{

Width = 345.3,

EdgeNum = 4,

EdgePositions = new List

{

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

{

new EdgePosition(){EdgesAmplitude = 0.66},

},

});

AddResultGrid();

}

catch (Exception ex)

{

//logger.Debug(#34;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(#34;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