z概述 WPF常用的表格控件是DataGrid,，這個(gè)控件在前臺(tái)XAML編寫(xiě)的話(huà)，一般列已經(jīng)固定,，然后給每個(gè)列去綁定數(shù)據(jù)，但是如果我的列不固定,，隨著運(yùn)算結(jié)果變動(dòng)呢,？這時(shí)候DataGrid，就比較難實(shí)現(xiàn)這個(gè)需求,，這節(jié)我就從后臺(tái)代碼去添加控件去實(shí)現(xiàn)這個(gè)功能. 效果演示
實(shí)現(xiàn)方法-. 前臺(tái)XAML:
<dxlc:LayoutControl>
<Grid HorizontalAlignment="Left" VerticalAlignment="Top" cal:Message.Attach="[Event Loaded]=[Grid_Loaded($source,$eventArgs)]" />
</dxlc:LayoutControl>
這里我把grid放到了dxlc:LayoutControl中,，這樣可以實(shí)現(xiàn)grid尺寸超出界面分配的長(zhǎng)寬時(shí),，橫縱出現(xiàn)滑動(dòng)條：如下圖
-.后臺(tái)代碼： 數(shù)據(jù)模型： 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以及數(shù)據(jù)集合： public Grid resultDisplayGrid; public BindableCollection<WidthMetrologyDTO> WidthMetrologyData { get; set; } = new BindableCollection<WidthMetrologyDTO>();
②控件加載時(shí)獲取grid對(duì)象：
public void Grid_Loaded(object sender, RoutedEventArgs e) { resultDisplayGrid = (Grid)sender; }
③添加數(shù)據(jù)集合：
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}"); } }
④數(shù)據(jù)表格生成
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);//相對(duì)尺寸 } 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);//絕對(duì)尺寸 }
//添加數(shù)據(jù) //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}"); } }
解釋?zhuān)?br> -. grid添加行以及尺寸設(shè)置：ridUnitType.Pixel代表絕對(duì)尺寸,，GridUnitType.Star相對(duì)尺寸 var rowDefinition = new RowDefinition(); resultDisplayGrid.RowDefinitions.Add(rowDefinition); rowDefinition.Height = new GridLength(30, GridUnitType.Pixel);//絕對(duì)尺寸
自動(dòng)尺寸：
columnDefinition.Width = GridLength.Auto;
-. link的使用：按照集合中EdgePositions數(shù)量降序排列后獲取第一個(gè)列表值
WidthMetrologyData.OrderByDescending(index => index.EdgePositions.Count).FirstOrDefault().EdgePositions.Count;
-.生成控件并添加到grid中，并通過(guò)SetValue設(shè)置控件在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
|
