WinFormsのTableLayoutPanelで余白を維持したい

Question

概要:
VC#を使わずにC#のWinFormsでTableLayoutPanelを用いて余白を持ったコントロールの配置がしたい。
例えば「YES」ボタンと「NO」ボタンを配置して「YES」が非表示になっても「NO」の位置が右にズレないようにしたい。

VC#を使わずにWinFormsのサンプルを作って学んでいます。

TableLayoutPanelで所々余白を維持したまま表示することは可能でしょうか?

たとえば 1×3の状態で、{ 40%, 20%, 40% } とかのように中央に余白がある状態にしたいのです。
もちろん実際には 一個目のやつを余白、二個目・三個目でボタン等を表示するのような感じで中央以外の部分になっているかもしれません。
(あくまで例として)

ですが、Buttonを3つ用意し、二個目を非表示にすると三個目のやつが左に寄ってしまいます。
イメージとしてはストップウォッチのように「開始」ボタンが押されたときに「開始」ボタンを非表示にしても
「一時停止」ボタンはその位置で固定されている状態のような感じでしょうか。

TableLayoutPanelを使う以上、できればWinAPI風のX軸やY軸等の数値ではなく、
DockStyle.FillまたはAnchorStyleのやつで自動的にコントロールのサイズが再計算される方が望ましいのですが…

// MainForm.cs

using System;
using System.Drawing;
using System.Windows.Forms;

namespace Sample{
    namespace Forms{
        class MainForm : Form{
            public MainForm( String[] args ){

                var tableLayoutPanel1 = new TableLayoutPanel();
                tableLayoutPanel1.ColumnCount = 3;
                tableLayoutPanel1.RowCount = 1;
                tableLayoutPanel1.Dock = DockStyle.Fill;
                this.Controls.Add( tableLayoutPanel1 );

                var button1      = new Button();
                button1.Dock     = DockStyle.Fill;
                button1.Text     = "button1(&B)";

                // イベント設定
                //button1.Click += button1_Click;

                tableLayoutPanel1.Controls.Add( button1 );

                var dummyButton = new Button();
                dummyButton.Text = "dummy";
                dummyButton.Dock = DockStyle.Fill;
                dummyButton.Visible = false;
                tableLayoutPanel1.Controls.Add( dummyButton );

                var button2      = new Button();
                button2.Dock     = DockStyle.Fill;
                button2.Text     = "button2(&C)";

                tableLayoutPanel1.ColumnStyles.Add( new ColumnStyle( SizeType.Percent, 50F ) );
                tableLayoutPanel1.ColumnStyles.Add( new ColumnStyle( SizeType.Percent, 20F ) );
                tableLayoutPanel1.ColumnStyles.Add( new ColumnStyle( SizeType.Percent, 30F ) );

                // イベント設定
                //button1.Click += button1_Click;

                tableLayoutPanel1.Controls.Add( button2 );
            }

            private void button1_Click( object sender, System.EventArgs e ){
                MessageBox.Show( "button1が押された" );
            }
        }
    }
}

// main.cs

using System;
using System.Windows.Forms;

using Sample.Forms;

namespace Sample{
    class EntryPoint{
        [STAThread]
        static void Main( string[] args ){
            try{
                Application.Run( new MainForm( args ) );
            }catch( System.Exception err ){
                MessageBox.Show( err.Message );
            }
        }
    }
}

イメージとしてはサイズが違いますが、以下の画像のようにしたいのです。

ただし、前提としてVisual Studio C#を使わずに*組んでいます。

[情報]
言語: C#
.NET: .NET5 ( 5.0.201 )
VS: Visual Studio C#は使わない (訳があってインストールすらできない)

Comments

[fana]

> .NET: .NET5 ( 5.0.201 )

ではなくて， .NET Framework 4.5.X とか 4.6.X とかを使っている場合，
TableLayoutPanelの列をパーセント設定にしてればその幅は内容物に依存しないのですが
（質問文の話は，列の設定が AutoSize になっているときの振る舞いのように思える），
.NETだと違うということなのでしょうか？
（あるいは質問文で妙に強調されている「VSを使わない」が何かしらそういうことを生じる要因だという話？）

Answer 1

TableLayoutPanelにButtonを直接追加するのではなくPanelを追加して、ButtonはそのPanelに追加すればいいのではないでしょうか。
そうすれば、Buttonを非表示にしてもPanelは表示されているためレイアウトは維持されると思います。

Comments

[BeatStar]

ご回答ありがとうございます。できました!
確かにPanelを別途用意して張り付ければいいだけでした…