tablelayoutpanel 里面放FlowLayoutPanel

最新推荐文章于 2025-02-27 02:48:38 发布

xqyunyun

最新推荐文章于 2025-02-27 02:48:38 发布

阅读量438

点赞数

分类专栏： winfrom

本文链接：https://blog.youkuaiyun.com/xqyunyun/article/details/117555615

版权

winfrom 专栏收录该内容

7 篇文章

订阅专栏

这篇博客展示了如何在C#中动态生成一个TableLayoutPanel，并在其中嵌套FlowLayoutPanel，实现复杂的窗口布局。博主详细解释了代码逻辑，包括设置表格行数、列数、单元格样式以及FlowLayoutPanel的流式布局方向，同时添加了不同颜色的Panel作为示例。代码适用于Windows Forms应用的界面设计，有助于提升UI的定制能力。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

动态生成tablelayoutpanel 里面嵌套FlowLayoutPanel的代码。

效果图如下：

思路：创建tablelayoutpanel 为三行一列

每列里面放一个FlowLayoutPanel，FlowLayoutPanel想要几列，就放Panel。

代码如下：

public partial class UCHome : UserControl
{
string[] category;//阶梯瀑布图，原因集合，技术损失换型损失组织损失计划停机有几个原因数据合计查询
TableLayoutPanel table = new TableLayoutPanel();
string categoryStr = string.Empty;
public UCHome(DateTime dateBeginTemp,
DateTime dateEndTemp,
string particlesizeTemp, string[] categoryTemp,
int parentW, int parentH)
{
InitializeComponent();
category = categoryTemp;
categoryStr = string.Join(",", category);
this.Width = parentW;
this.Height = parentH;

this.BackColor = Color.White;
panel1.BackColor = Color.White;
panel1.Width = this.Width;
panel1.Height = this.Height;
DisplayLayoutData();
}
private void DisplayLayoutData()
{

int totalHeight = this.Height;
panel1.AutoScroll = true;
panel1.HorizontalScroll.Visible = true;
table.AutoScroll = true;
table.AutoSize = true;
table.Dock = DockStyle.Fill; //顶部填充
table.ColumnCount = 1;
table.RowCount = 3;

table.Height = panel1.Height;
int totalW = panel1.Width; ;
table.ColumnStyles.Add(new System.Windows.Forms.ColumnStyle(System.Windows.Forms.SizeType.Absolute, this.Width));

for (int row = 0; row < 3; row++)
{
int columnHeight = 0;
FlowLayoutPanel flowLayoutPanel = new FlowLayoutPanel();
flowLayoutPanel.Width = this.Width;
if (row == 0)
{
table.ColumnStyles.Add(new System.Windows.Forms.ColumnStyle(System.Windows.Forms.SizeType.Absolute, this.Width));
columnHeight = 300;
RowStyle rowStyle1 = new System.Windows.Forms.RowStyle(System.Windows.Forms.SizeType.Absolute, this.Width);
rowStyle1.Height = columnHeight;
table.RowStyles.Add(rowStyle1);
// 设置cell样式，增加线条
table.CellBorderStyle = TableLayoutPanelCellBorderStyle.OutsetDouble;
flowLayoutPanel.FlowDirection = FlowDirection.LeftToRight;
flowLayoutPanel.Height = columnHeight;

Panel panoee = new Panel();
panoee.Top = 0;
panoee.Left = 0;
panoee.BackColor = Color.DarkRed;
panoee.Name = "panoee";
panoee.Size = new System.Drawing.Size(1200, columnHeight);
panoee.TabIndex = 0;
panoee.Text = "OEE";
flowLayoutPanel.Controls.Add(panoee);
int ppmWidth = this.Width - 1200 - 30;
Panel panelRight = new Panel();
panelRight.Top = 1;
panelRight.Left = 1200;
panelRight.BackColor = Color.White;
panelRight.Name = "panelLeft";
panelRight.Size = new System.Drawing.Size(ppmWidth, columnHeight);
panelRight.TabIndex = 1;
panelRight.Text = "panelLeft";

int rightHeight = (columnHeight / 2);
Panel panelProductivity = new Panel();
panelProductivity.Top = 0;
panelProductivity.Left = 0;
panelProductivity.BackColor = Color.Black;
panelProductivity.Name = "panelProductivity";
panelProductivity.Size = new System.Drawing.Size(ppmWidth, rightHeight);
panelProductivity.TabIndex = 2;
panelProductivity.Text = "panelProductivity";
panelRight.Controls.Add(panelProductivity);

Panel panelPPM = new Panel();
panelPPM.Top = rightHeight;
panelPPM.Left = 0;
panelPPM.BackColor = Color.Red;
panelPPM.Name = "panelPPM";
panelPPM.Size = new System.Drawing.Size(ppmWidth, rightHeight);
panelPPM.TabIndex = 3;
panelPPM.Text = "panelPPM";
panelRight.Controls.Add(panelPPM);
flowLayoutPanel.Controls.Add(panelRight);
}
if (row == 1)
{
table.ColumnStyles.Add(new System.Windows.Forms.ColumnStyle(System.Windows.Forms.SizeType.Absolute, this.Width));
columnHeight = 400;
RowStyle rowStyle1 = new System.Windows.Forms.RowStyle(System.Windows.Forms.SizeType.Absolute, this.Width);
rowStyle1.Height = columnHeight;
table.RowStyles.Add(rowStyle1);
// 设置cell样式，增加线条
table.CellBorderStyle = TableLayoutPanelCellBorderStyle.OutsetDouble;
flowLayoutPanel.FlowDirection = FlowDirection.LeftToRight;
flowLayoutPanel.Height = columnHeight;

Panel panelPieChart = new Panel();
panelPieChart.Top = 0;
panelPieChart.Left = 0;
panelPieChart.BackColor = Color.Red;
panelPieChart.Name = "panelPieChart";
panelPieChart.Size = new System.Drawing.Size(400, columnHeight);
panelPieChart.TabIndex = 4;
panelPieChart.Text = "panelPieChart";
flowLayoutPanel.Controls.Add(panelPieChart);

Panel panelBarChart = new Panel();
panelBarChart.Top = 0;
panelBarChart.Left = 0;
panelBarChart.BackColor = Color.Blue;
panelBarChart.Name = "panelPieChart";
panelBarChart.Size = new System.Drawing.Size(400, columnHeight);
panelBarChart.TabIndex = 5;
panelBarChart.Text = "panelPieChart";
flowLayoutPanel.Controls.Add(panelBarChart);

int rightWidth = this.Width-800-30;
Panel panelBarLineChart = new Panel();
panelBarLineChart.Top = 0;
panelBarLineChart.Left = 0;
panelBarLineChart.BackColor = Color.Yellow;
panelBarLineChart.Name = "panelBarLineChart";
panelBarLineChart.Size = new System.Drawing.Size(rightWidth, columnHeight);
panelBarLineChart.TabIndex = 6;
panelBarLineChart.Text = "panelBarLineChart";
flowLayoutPanel.Controls.Add(panelBarLineChart);
}
if (row == 2)
{
table.ColumnStyles.Add(new System.Windows.Forms.ColumnStyle(System.Windows.Forms.SizeType.Absolute, this.Width));
columnHeight = totalHeight-700-20;
RowStyle rowStyle1 = new System.Windows.Forms.RowStyle(System.Windows.Forms.SizeType.Absolute, this.Width);
rowStyle1.Height = columnHeight;
table.RowStyles.Add(rowStyle1);
// 设置cell样式，增加线条
table.CellBorderStyle = TableLayoutPanelCellBorderStyle.OutsetDouble;
flowLayoutPanel.FlowDirection = FlowDirection.LeftToRight;
flowLayoutPanel.Height = columnHeight;

Panel panelLeft = new Panel();
panelLeft.Top = 0;
panelLeft.Left = 0;
panelLeft.BackColor = Color.GreenYellow;
panelLeft.Name = "panelLeft";
panelLeft.Size = new System.Drawing.Size(1000, columnHeight);
panelLeft.TabIndex = 7;
panelLeft.Text = "panelLeft";
flowLayoutPanel.Controls.Add(panelLeft);

int rightWidth = this.Width - 1000 - 30;
Panel panelRight = new Panel();
panelRight.Top = 0;
panelRight.Left = 1000;
panelRight.BackColor = Color.Black;
panelRight.Name = "panelRight";
panelRight.Size = new System.Drawing.Size(rightWidth, columnHeight);
panelRight.TabIndex = 8;
panelRight.Text = "panelRight";
flowLayoutPanel.Controls.Add(panelRight);
}
table.Controls.Add(flowLayoutPanel,0, row);
}
this.Width = totalW;
panel1.Controls.Add(table);
}

}