C＃TableLayoutPanelで列を均等に自動サイズ調整できない

Question

私はTableLayoutPanelコントロールを持つWinFormを持っています。私のコードでは、画面に添付されているモニタの数を検出し、モニタごとに列を作成し、TableLayoutControlの個々の列内の各ディスプレイのボタンを追加するので、何台のモニタが接続されていてもボタンが表示されますフォーム全体を「中心に置いた」。 1/2モニターはうまくレンダリングされますが、3つのモニターの結果、エンド・コラムが均等に分散されません。ここで

私のコードです：

  int count = Screen.AllScreens.Count(); 
      this.monitorLayoutPanel.ColumnCount = count; 

      ColumnStyle cs = new ColumnStyle(SizeType.Percent, 100/count); 
      this.monitorLayoutPanel.ColumnStyles.Add(cs); 

      this.monitorLayoutPanel.AutoSize = true; 

      var buttonSize = new Size(95, 75); 

      int z = 0; 
      foreach (var screen in Screen.AllScreens.OrderBy(i => i.Bounds.X)) 
      { 

       Button monitor = new Button 
       { 
        Name = "Monitor" + screen, 
        AutoSize = true, 
        Size = buttonSize, 

        BackgroundImageLayout = ImageLayout.Stretch,             
        BackgroundImage = Properties.Resources.display_enabled, 
        TextAlign = ContentAlignment.MiddleCenter, 
        Font = new Font("Segoe UI", 10, FontStyle.Bold), 
        ForeColor = Color.White, 
        BackColor = Color.Transparent, 
        Text = screen.Bounds.Width + "x" + screen.Bounds.Height, 
        Anchor = System.Windows.Forms.AnchorStyles.None 
       }; 


       this.monitorLayoutPanel.Controls.Add(monitor, z, 0); 
       z++; 
       monitor.MouseClick += new MouseEventHandler(monitor_Click); 
      } 

私はボタンが小さく作ってみました、とフォームのサイズを増加させたが、最後の列は常に最初の2よりも小さくなってきました。私はそれを理解できません！

Answer 1

Reza Aghaeiは正しい方向に私を指摘し、このスレッドHow to create a magic square using Windows Forms?に私を指摘しました。以下のコードを更新しました。 :)

  int screens = Screen.AllScreens.Count(); 
      this.monitorLayoutPanel.ColumnStyles.Clear(); 
      this.monitorLayoutPanel.ColumnCount = screens;    
      this.monitorLayoutPanel.AutoSize = true; 

      int z = 0; 
      foreach (var screen in Screen.AllScreens.OrderBy(i => i.Bounds.X)) 
      { 
       var percent = 100f/screens; 
       this.monitorLayoutPanel.ColumnStyles.Add(new ColumnStyle(SizeType.Percent, percent)); 

       Button monitor = new Button 
       { 
        Name = "Monitor" + screen, 
        Size = new Size(95, 75), 
        BackgroundImageLayout = ImageLayout.Stretch,             
        BackgroundImage = Properties.Resources.display_enabled, 
        TextAlign = ContentAlignment.MiddleCenter, 
        Font = new Font("Segoe UI", 10, FontStyle.Bold), 
        ForeColor = Color.White, 
        BackColor = Color.Transparent, 
        Text = screen.Bounds.Width + "x" + screen.Bounds.Height, 
        Anchor = System.Windows.Forms.AnchorStyles.None 
       }; 


       this.monitorLayoutPanel.Controls.Add(monitor, z, 0); 
       z++; 
       monitor.MouseClick += new MouseEventHandler(monitor_Click); 

Answer 2

最初にColumnStylesをクリアしてください。

その後、

this.monitorLayoutPanel.ColumnStyles.Clear(); 

：

int count = Screen.AllScreens.Count(); 

for (int i = 0; i < count; i++) 
{ 
    ColumnStyle cs = new ColumnStyle(SizeType.Percent, (float)100/count); 
    this.monitorLayoutPanel.ColumnStyles.Add(cs); 
} 

this.monitorLayoutPanel.AutoSize = true; 

...