TableLayoutPanel - Ändern der Größe jeder Zelle beim Ändern der Größe des übergeordneten Steuerelements

Question

Ich arbeite an einem Steuerelement, das eine TableLayoutPanel enthält. Die Anzeige enthält X Zeilen und Y Spalten - wobei jede Zelle die gleiche Größe hat. Jede Zelle enthält eine Control Wenn die Größe der übergeordneten Steuerelemente geändert wird, möchte ich auch jede Zelle die Größe ändern und die gleiche Größe beibehalten.

Ich habe versucht, die Controls'Anchor, wenn in der Zelle gegeben einzustellen:

control.Anchor = AnchorStyles.Left | AnchorStyles.Top | 
       AnchorStyles.Right | AnchorStyles.Bottom; 

Aber das macht nur die untere Reihe und die am weitesten rechts stehende Spalte erweitern.

Answer 1

Mithilfe von Designer oder Code können Sie SizeType der Spalten und Zeilen auf Percent setzen und denselben prozentualen Wert für ihre Größe zuweisen. Setzen Sie außerdem Dock Eigenschaft Ihrer Steuerelemente auf Fill.

Zum Beispiel:

tableLayoutPanel1.ColumnStyles.Clear(); 
tableLayoutPanel1.RowStyles.Clear(); 
for (var i = 0; i < tableLayoutPanel1.ColumnCount; i++) 
{ 
    var percent = 100f/(float)tableLayoutPanel1.ColumnCount; 
    tableLayoutPanel1.ColumnStyles.Add(new ColumnStyle(SizeType.Percent, percent)); 
} 
for (var i = 0; i < tableLayoutPanel1.RowCount; i++) 
{ 
    var percent = 100f/(float)tableLayoutPanel1.RowCount; 
    tableLayoutPanel1.RowStyles.Add(new RowStyle(SizeType.Percent, percent)); 
}