[C#] TableLayoutPanelでのレスポンシブデザインの実現方法

partial class MyForm : Form
{
    public MyForm()
    {
        InitializeComponent();
        
        TableLayoutPanel tableLayoutPanel = new TableLayoutPanel();
        tableLayoutPanel.AutoSize = true; // 自動サイズ調整を有効にする
        this.Controls.Add(tableLayoutPanel);
    }
}

partial class MyForm : Form
{
    public MyForm()
    {
        InitializeComponent();
        
        TableLayoutPanel tableLayoutPanel = new TableLayoutPanel();
        tableLayoutPanel.ColumnCount = 2;
        tableLayoutPanel.RowCount = 2;
        // 列のサイズをパーセントで設定
        tableLayoutPanel.ColumnStyles.Add(new ColumnStyle(SizeType.Percent, 50F)); // 50%
        tableLayoutPanel.ColumnStyles.Add(new ColumnStyle(SizeType.Percent, 50F)); // 50%
        // 行のサイズをパーセントで設定
        tableLayoutPanel.RowStyles.Add(new RowStyle(SizeType.Percent, 50F)); // 50%
        tableLayoutPanel.RowStyles.Add(new RowStyle(SizeType.Percent, 50F)); // 50%
        this.Controls.Add(tableLayoutPanel);
    }
}

partial class MyForm : Form
{
    public MyForm()
    {
        InitializeComponent();
        
        TableLayoutPanel tableLayoutPanel = new TableLayoutPanel();
        tableLayoutPanel.ColumnCount = 2;
        tableLayoutPanel.RowCount = 1;
        // 固定サイズの設定
        tableLayoutPanel.ColumnStyles.Add(new ColumnStyle(SizeType.Absolute, 100F)); // 100ピクセル
        tableLayoutPanel.ColumnStyles.Add(new ColumnStyle(SizeType.Percent, 100F)); // 残りのスペースを使用
        this.Controls.Add(tableLayoutPanel);
    }
}

partial class MyForm : Form
{
    public MyForm()
    {
        InitializeComponent();
        
        TableLayoutPanel tableLayoutPanel = new TableLayoutPanel();
        Button button = new Button();
        button.Text = "ドッキングボタン";
        
        // ボタンを上部にドッキング
        button.Dock = DockStyle.Top; 
        
        tableLayoutPanel.Controls.Add(button);
        this.Controls.Add(tableLayoutPanel);
    }
}

partial class MyForm : Form
{
    public MyForm()
    {
        InitializeComponent();
        
        TableLayoutPanel tableLayoutPanel = new TableLayoutPanel();
        Button button = new Button();
        button.Text = "アンカーボタン";
        
        // ボタンを左上にアンカー
        button.Anchor = AnchorStyles.Top | AnchorStyles.Left; 
        
        tableLayoutPanel.Controls.Add(button);
        this.Controls.Add(tableLayoutPanel);
    }
}

partial class MyForm : Form
{
    public MyForm()
    {
        InitializeComponent();
        
        TableLayoutPanel tableLayoutPanel = new TableLayoutPanel();
        Button button = new Button();
        button.Text = "サイズ制限ボタン";
        
        // 最小サイズと最大サイズを設定
        button.MinimumSize = new Size(100, 50); // 最小サイズ
        button.MaximumSize = new Size(200, 100); // 最大サイズ
        
        tableLayoutPanel.Controls.Add(button);
        this.Controls.Add(tableLayoutPanel);
    }
}

partial class MyForm : Form
{
    public MyForm()
    {
        InitializeComponent();
        
        TableLayoutPanel tableLayoutPanel = new TableLayoutPanel();
        tableLayoutPanel.ColumnCount = 3;
        tableLayoutPanel.RowCount = 2;
        // 各列のサイズをパーセントで設定
        tableLayoutPanel.ColumnStyles.Add(new ColumnStyle(SizeType.Percent, 33F)); // 33%
        tableLayoutPanel.ColumnStyles.Add(new ColumnStyle(SizeType.Percent, 34F)); // 34%
        tableLayoutPanel.ColumnStyles.Add(new ColumnStyle(SizeType.Percent, 33F)); // 33%
        this.Controls.Add(tableLayoutPanel);
    }
}

partial class MyForm : Form
{
    private TableLayoutPanel tableLayoutPanel;
    
    public MyForm()
    {
        InitializeComponent();
        
        tableLayoutPanel = new TableLayoutPanel();
        tableLayoutPanel.ColumnCount = 1;
        tableLayoutPanel.RowCount = 0; // 初期行数は0
        Button addButton = new Button();
        addButton.Text = "コントロール追加";
        addButton.Click += AddButton_Click; // クリックイベントを追加
        tableLayoutPanel.Controls.Add(addButton);
        this.Controls.Add(tableLayoutPanel);
    }
    private void AddButton_Click(object sender, EventArgs e)
    {
        // 新しいボタンを追加
        Button newButton = new Button();
        newButton.Text = "新しいボタン";
        
        // 行数を増やして新しいボタンを追加
        tableLayoutPanel.RowCount++;
        tableLayoutPanel.Controls.Add(newButton, 0, tableLayoutPanel.RowCount - 1);
    }
}

partial class MyForm : Form
{
    private TableLayoutPanel tableLayoutPanel;
    private Button toggleButton;
    private Label label;
    public MyForm()
    {
        InitializeComponent();
        
        tableLayoutPanel = new TableLayoutPanel();
        toggleButton = new Button();
        label = new Label();
        toggleButton.Text = "ラベルの表示/非表示";
        toggleButton.Click += ToggleButton_Click; // クリックイベントを追加
        label.Text = "このラベルは表示されます";
        label.Visible = true; // 初期状態は表示
        tableLayoutPanel.Controls.Add(toggleButton);
        tableLayoutPanel.Controls.Add(label);
        this.Controls.Add(tableLayoutPanel);
    }
    private void ToggleButton_Click(object sender, EventArgs e)
    {
        // ラベルの表示/非表示を切り替え
        label.Visible = !label.Visible;
    }
}