プログラムで行を追加するWinforms TableLayoutPanel
私はしばらくの間これと戦ってきましたが、他の多くの人々もTableLayoutPanel（.net 2.0 Winforms）で苦労していることがわかりました。
問題
10列が定義された「空白の」tablelayoutpanelを取得しようとしていますが、実行時にプログラムでコントロールの行を追加します（つまり、セルごとに1つのコントロール）。
人はそれが次のように単純であるべきだと思ったかもしれません
myTableLayoutPanel.Controls.Add(myControl, 0 /* Column Index */, 0 /* Row index */);
しかし、それは（私にとって）行を追加しません。だから多分行スタイルで追加する
myTableLayoutPanel.RowStyles.Clear();
myTableLayoutPanel.RowStyles.Add(new RowStyle(SizeType.Absolute, 30F));
しかし、それでもうまくいきません。私は周りを掘り下げて、myTableLayoutPanel.RowCountの使用法が設計時から実行時に変わるため、myTableLayoutPanel.RowCount++;を実行しても実際には別の行は追加されません。 ！
私が遭遇する別の関連する問題は、コントロールがディスプレイに追加されることですが、それらはすべてTableLayoutPanelのポイント0,0でレンダリングされるだけであり、さらに、それらが想定されているCell境界内に制限されることさえありません内に表示されます（つまり、Dock = DockStyle.Fillで、それらはまだ大きすぎる/小さすぎるように見えます）。
実行時に行とコントロールを追加する実用的な例はありますか？
先週これをやったばかりです。 GrowStyleのTableLayoutPanelをAddRowsまたはAddColumnsに設定すると、コードが機能します。
// Adds "myControl" to the first column of each row
myTableLayoutPanel.Controls.Add(myControl1, 0 /* Column Index */, 0 /* Row index */);
myTableLayoutPanel.Controls.Add(myControl2, 0 /* Column Index */, 1 /* Row index */);
myTableLayoutPanel.Controls.Add(myControl3, 0 /* Column Index */, 2 /* Row index */);
以下は、あなたがやっていることに似ているいくつかの作業コードです：
private Int32 tlpRowCount = 0;
private void BindAddress()
{
Addlabel(Addresses.Street);
if (!String.IsNullOrEmpty(Addresses.Street2))
{
Addlabel(Addresses.Street2);
}
Addlabel(Addresses.CityStateZip);
if (!String.IsNullOrEmpty(Account.Country))
{
Addlabel(Address.Country);
}
Addlabel(String.Empty); // Notice the empty label...
}
private void Addlabel(String text)
{
label = new Label();
label.Dock = DockStyle.Fill;
label.Text = text;
label.TextAlign = System.Drawing.ContentAlignment.MiddleLeft;
tlpAddress.Controls.Add(label, 1, tlpRowCount);
tlpRowCount++;
}
TableLayoutPanelは常にサイズにフィットします。上記の私の例では、住所行2または国を持つアカウントに応じて拡大または縮小する可能性のある住所カードを提出しています。テーブルレイアウトパネルの最後の行（列）が伸びるため、そこに空のラベルを投げて新しい空の行を強制し、すべてがうまく整列します。
デザイナーのコードは次のとおりです。そのため、最初に使用したテーブルを確認できます。
//
// tlpAddress
//
this.tlpAddress.AutoSize = true;
this.tlpAddress.BackColor = System.Drawing.Color.Transparent;
this.tlpAddress.ColumnCount = 2;
this.tlpAddress.ColumnStyles.Add(new System.Windows.Forms.ColumnStyle(System.Windows.Forms.SizeType.Absolute, 25F));
this.tlpAddress.ColumnStyles.Add(new System.Windows.Forms.ColumnStyle(System.Windows.Forms.SizeType.Percent, 100F));
this.tlpAddress.Controls.Add(this.pictureBox1, 0, 0);
this.tlpAddress.Dock = System.Windows.Forms.DockStyle.Fill;
this.tlpAddress.Location = new System.Drawing.Point(0, 0);
this.tlpAddress.Name = "tlpAddress";
this.tlpAddress.Padding = new System.Windows.Forms.Padding(3);
this.tlpAddress.RowCount = 2;
this.tlpAddress.RowStyles.Add(new System.Windows.Forms.RowStyle());
this.tlpAddress.RowStyles.Add(new System.Windows.Forms.RowStyle());
this.tlpAddress.Size = new System.Drawing.Size(220, 95);
this.tlpAddress.TabIndex = 0;
奇妙なデザインですが、TableLayoutPanel.RowCountプロパティはRowStylesコレクションの数を反映していません。同様にColumnCountプロパティとColumnStylesコレクションについても同様です。
コードに必要なのは、RowCount/ColumnCountに変更を加えた後、RowStyles/ColumnStylesを手動で更新することです。
私が使用したコードの例を次に示します。
/// <summary>
/// Add a new row to our grid.
/// </summary>
/// The row should autosize to match whatever is placed within.
/// <returns>Index of new row.</returns>
public int AddAutoSizeRow()
{
Panel.RowStyles.Add(new RowStyle(SizeType.AutoSize));
Panel.RowCount = Panel.RowStyles.Count;
mCurrentRow = Panel.RowCount - 1;
return mCurrentRow;
}
他の考え
グリッドのcellをコントロールで埋めるために
DockStyle.Fillを使用したことはありません。これを行うには、コントロールのAnchorsプロパティを設定します。多数のコントロールを追加する場合は、プロセス全体で
SuspendLayoutおよびResumeLayoutを呼び出してください。そうしないと、各コントロールが追加された後にフォーム全体が再配置されるため、処理が遅くなります。
新しい列を2列のTableLayoutColumnに追加するためのコードを次に示します。
private void AddRow(Control label, Control value)
{
int rowIndex = AddTableRow();
detailTable.Controls.Add(label, LabelColumnIndex, rowIndex);
if (value != null)
{
detailTable.Controls.Add(value, ValueColumnIndex, rowIndex);
}
}
private int AddTableRow()
{
int index = detailTable.RowCount++;
RowStyle style = new RowStyle(SizeType.AutoSize);
detailTable.RowStyles.Add(style);
return index;
}
ラベルコントロールは左の列に移動し、値コントロールは右の列に移動します。通常、コントロールはLabelタイプであり、AutoSizeプロパティがtrueに設定されています。
それほど重要ではないと思いますが、参考として、detailTableを設定するデザイナーコードを以下に示します。
this.detailTable.ColumnCount = 2;
this.detailTable.ColumnStyles.Add(new System.Windows.Forms.ColumnStyle());
this.detailTable.ColumnStyles.Add(new System.Windows.Forms.ColumnStyle());
this.detailTable.Dock = System.Windows.Forms.DockStyle.Fill;
this.detailTable.Location = new System.Drawing.Point(0, 0);
this.detailTable.Name = "detailTable";
this.detailTable.RowCount = 1;
this.detailTable.RowStyles.Add(new System.Windows.Forms.RowStyle());
this.detailTable.Size = new System.Drawing.Size(266, 436);
this.detailTable.TabIndex = 0;
これはすべて正常に動作します。 （少なくとも一部のバージョンのフレームワークでは）Controlsプロパティを使用してTableLayoutPanelからコントロールを動的に破棄する際に問題があるように見えることに注意してください。コントロールを削除する必要がある場合は、TableLayoutPanel全体を破棄して新しいコントロールを作成することをお勧めします。
フォームに2列のテーブルレイアウトパネルを作成し、tlpFieldsという名前を付けます。
次に、テーブルレイアウトパネルに新しいコントロールを追加します（この場合、列1に5つのラベルを、列2に5つのテキストボックスを追加しました）。
tlpFields.RowStyles.Clear(); //first you must clear rowStyles
for (int ii = 0; ii < 5; ii++)
{
Label l1= new Label();
TextBox t1 = new TextBox();
l1.Text = "field : ";
tlpFields.Controls.Add(l1, 0, ii); // add label in column0
tlpFields.Controls.Add(t1, 1, ii); // add textbox in column1
tlpFields.RowStyles.Add(new RowStyle(SizeType.Absolute,30)); // 30 is the rows space
}
最後に、コードを実行します。
私は自分のコードを調べました。あるアプリケーションでは、コントロールを追加するだけですが、インデックスを指定せずに、行スタイルをループして、サイズタイプをAutoSizeに設定するだけです。したがって、インデックスを指定せずにそれらを追加するだけで、意図したとおりに行が追加されるようです（GrowStyleがAddRowsに設定されている場合）。
別のアプリケーションでは、コントロールをクリアし、RowCountプロパティを必要な値に設定します。これはRowStylesを追加しません。次に、コントロールを追加し、今回はインデックスを指定して、新しいRowStyle（RowStyles.Add(new RowStyle(...)）を追加します。これも機能します。
したがって、これらの方法のいずれかを選択すると、どちらも機能します。テーブルレイアウトパネルが私を引き起こした頭痛の種を覚えています。
関連する問題（このスレッドの発見方法）があり、動的に追加された行と列のスタイルが有効になりませんでした。私は通常、SuspendLayout（）/ ResumeLayout（）を最適化と考えていますが、この場合、コードをラップすることで行と列が正しく動作しました。
これは、TableLayoutPanelに行とコントロールを追加するのに最適です。
設計ページで3列の空のTablelayoutpanelを定義します
Dim TableLayoutPanel3 As New TableLayoutPanel()
TableLayoutPanel3.Name = "TableLayoutPanel3"
TableLayoutPanel3.Location = New System.Drawing.Point(32, 287)
TableLayoutPanel3.AutoSize = True
TableLayoutPanel3.Size = New System.Drawing.Size(620, 20)
TableLayoutPanel3.ColumnCount = 3
TableLayoutPanel3.CellBorderStyle = TableLayoutPanelCellBorderStyle.Single
TableLayoutPanel3.BackColor = System.Drawing.Color.Transparent
TableLayoutPanel3.ColumnStyles.Add(New ColumnStyle(SizeType.Percent, 26.34146!))
TableLayoutPanel3.ColumnStyles.Add(New ColumnStyle(SizeType.Percent, 73.65854!))
TableLayoutPanel3.ColumnStyles.Add(New ColumnStyle(SizeType.Absolute, 85.0!))
Controls.Add(TableLayoutPanel3)
ボタンbtnAddRowを作成して、クリックごとに行を追加します
Private Sub btnAddRow_Click(sender As System.Object, e As System.EventArgs) Handles btnAddRow.Click
TableLayoutPanel3.GrowStyle = TableLayoutPanelGrowStyle.AddRows
TableLayoutPanel3.RowStyles.Add(New RowStyle(SizeType.Absolute, 20))
TableLayoutPanel3.SuspendLayout()
TableLayoutPanel3.RowCount += 1
Dim tb1 As New TextBox()
Dim tb2 As New TextBox()
Dim tb3 As New TextBox()
TableLayoutPanel3.Controls.Add(tb1 , 0, TableLayoutPanel3.RowCount - 1)
TableLayoutPanel3.Controls.Add(tb2, 1, TableLayoutPanel3.RowCount - 1)
TableLayoutPanel3.Controls.Add(tb3, 2, TableLayoutPanel3.RowCount - 1)
TableLayoutPanel3.ResumeLayout()
tb1.Focus()
End Sub
Private Sub Form1_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load
Dim dt As New DataTable
Dim dc As DataColumn
dc = New DataColumn("Question", System.Type.GetType("System.String"))
dt.Columns.Add(dc)
dc = New DataColumn("Ans1", System.Type.GetType("System.String"))
dt.Columns.Add(dc)
dc = New DataColumn("Ans2", System.Type.GetType("System.String"))
dt.Columns.Add(dc)
dc = New DataColumn("Ans3", System.Type.GetType("System.String"))
dt.Columns.Add(dc)
dc = New DataColumn("Ans4", System.Type.GetType("System.String"))
dt.Columns.Add(dc)
dc = New DataColumn("AnsType", System.Type.GetType("System.String"))
dt.Columns.Add(dc)
Dim Dr As DataRow
Dr = dt.NewRow
Dr("Question") = "What is Your Name"
Dr("Ans1") = "Ravi"
Dr("Ans2") = "Mohan"
Dr("Ans3") = "Sohan"
Dr("Ans4") = "Gopal"
Dr("AnsType") = "Multi"
dt.Rows.Add(Dr)
Dr = dt.NewRow
Dr("Question") = "What is your father Name"
Dr("Ans1") = "Ravi22"
Dr("Ans2") = "Mohan2"
Dr("Ans3") = "Sohan2"
Dr("Ans4") = "Gopal2"
Dr("AnsType") = "Multi"
dt.Rows.Add(Dr)
Panel1.GrowStyle = TableLayoutPanelGrowStyle.AddRows
Panel1.CellBorderStyle = TableLayoutPanelCellBorderStyle.Single
Panel1.BackColor = Color.Azure
Panel1.RowStyles.Insert(0, New RowStyle(SizeType.Absolute, 50))
Dim i As Integer = 0
For Each dri As DataRow In dt.Rows
Dim lab As New Label()
lab.Text = dri("Question")
lab.AutoSize = True
Panel1.Controls.Add(lab, 0, i)
Dim Ans1 As CheckBox
Ans1 = New CheckBox()
Ans1.Text = dri("Ans1")
Panel1.Controls.Add(Ans1, 1, i)
Dim Ans2 As RadioButton
Ans2 = New RadioButton()
Ans2.Text = dri("Ans2")
Panel1.Controls.Add(Ans2, 2, i)
i = i + 1
'Panel1.Controls.Add(Pan)
Next