概述
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
技術群：添加小編微信并備注進群
小編微信：mm1552923 公眾號：dotNet編程大全
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/482138.html
標籤：WPF