"TableLayoutPanelExample" という名前の Windows アプリケーション プロジェクトを作成します。詳細については、「方法 : Windows アプリケーション プロジェクトを作成する」を参照してください。

Windowsフォーム デザイナでフォームを選択します。

ツールボックスから TableLayoutPanel コントロールをフォームにドラッグします。既定では、TableLayoutPanel コントロールには 4 つのセルがあります。

ツールボックスから Button コントロールを TableLayoutPanel コントロールにドラッグし、セルのいずれかにドロップします。選択したセル内に Button コントロールが作成されます。

さらに 3 つの Button コントロールを、ツールボックスから TableLayoutPanel コントロールにドラッグし、各セルにボタンを配置します。

2 つの列の間にある垂直方向のサイズ変更ハンドルをドラッグして左に移動します。1 列目の Button コントロールの幅が縮小しますが、2 列目の Button コントロールのサイズは変更されません。

2 つの列の間にある垂直方向のサイズ変更ハンドルをドラッグして右に移動します。1 列目の Button コントロールが元のサイズに戻り、2 列目の Button コントロールが右側に移動します。

水平方向のサイズ変更ハンドルを上下に移動し、パネル内のコントロールが受ける影響を確認します。

最初の Button コントロールを選択します。Dock プロパティの値を Fill に変更します。Button コントロールがセル全体に拡大します。

他の Button コントロールのいずれかを選択します。Anchor プロパティの値を Right に変更します。コントロールが移動し、その右側の境界線がセルの右側の境界線に近づきます。境界間の距離は、Button コントロールの Margin プロパティとパネルの Padding プロパティの合計値です。

Button コントロールの Anchor プロパティの値を Right および Left に変更します。コントロールのサイズが、Margin 値と Padding 値を考慮して、セルの幅に変更されます。

Top スタイルと Bottom スタイルを使用して、手順 2. と手順 3. を繰り返します。

Windows フォーム デザイナで TableLayoutPanel コントロールを選択します。

[プロパティ] ウィンドウで、[列] エントリの横にある省略記号ボタン () をクリックして ColumnStyles コレクションを開きます。

最初の列を選択し、SizeType プロパティの値を AutoSize に変更します。[OK] をクリックして変更を適用します。最初の列の幅が、Button コントロールに合わせて縮小されます。また、列の幅が変更できなくなっていることも確認してください。

[プロパティ] ウィンドウで、ColumnStyles コレクションを開き、最初の列を選択します。SizeType プロパティの値を Percent に変更します。[OK] をクリックして変更を適用します。TableLayoutPanel コントロールの幅を拡大すると、最初の列の幅が拡大します。TableLayoutPanel コントロールの幅を縮小すると、最初の列のボタンのサイズがセルに合わせて変更されます。また、列の幅が変更できることも確認してください。

[プロパティ] ウィンドウで、ColumnStyles コレクションを開き、表示されているすべての列を選択します。すべての SizeType プロパティの値を Percent に設定します。[OK] をクリックして変更を適用します。RowStyles コレクションでも、この手順を繰り返します。

隅のサイズ変更ハンドルのいずれかをドラッグして、TableLayoutPanel コントロールの幅と高さを共に変更します。TableLayoutPanel コントロールのサイズの変化に応じて、行と列のサイズが変更されます。また、行と列は、水平方向と垂直方向のサイズ変更ハンドルを使用してサイズを変更できることも確認してください。

最初の列の最初の行にある Button コントロールを選択します。

[プロパティ] ウィンドウで、ColumnSpan プロパティの値を 2 に変更します。Button コントロールが最初の列と 2 番目の列を占有します。また、この変更に対応するために新しい行が追加されていることも確認してください。

RowSpan プロパティに対して手順 2. を繰り返します。

ツールボックスから TableLayoutPanel コントロールをフォームにドラッグします。

ツールボックスの Button コントロール アイコンをダブルクリックします。TableLayoutPanel コントロールの最初のセルに新しいボタン コントロールが表示されます。

ツールボックスでさらにいくつかのコントロールを ダブルクリックします。新しいコントロールが TableLayoutPanel コントロールの未使用のセルに順次表示されます。また、空のセルがない場合は、新しいコントロールを格納するために TableLayoutPanel コントロールが拡大します。

TableLayoutPanel コントロールに空のセルがある場合は、TableLayoutPanel コントロールがいっぱいになるまで、新しい Button コントロールを挿入していきます。

TableLayoutPanel コントロールがいっぱいになったら、ツールボックスの Button アイコンをダブルクリックして、新しい Button コントロールを挿入します。TableLayoutPanel コントロールでは、新しいコントロールを格納する新しいセルが作成されます。コントロールをさらにいくつか挿入し、サイズ変更動作を確認します。

TableLayoutPanel コントロールの GrowStyle プロパティの値を FixedSize に変更します。TableLayoutPanel コントロールがいっぱいになるまで、ツールボックスの Button アイコンをダブルクリックして、Button コントロールを挿入します。ツールボックスの Button アイコンを再度ダブルクリックします。追加の行と列を作成できないというエラー メッセージが Windows フォーム デザイナによって表示されます。

ツールボックスから TableLayoutPanel コントロールをフォームにドラッグします。

ツールボックスの Button コントロール アイコンをクリックします。フォームにドラッグしないでください。

TableLayoutPanel コントロールにマウス ポインタを置きます。ポインタが Button コントロール アイコンが付いた十字カーソルに変わります。

マウス ボタンを押したままにします。

マウス ポインタをドラッグして、Button コントロールのアウトラインを描画します。適切なサイズのアウトラインを描画したら、マウス ボタンを離します。コントロールのアウトラインを描画したセルに Button コントロールが作成されます。