【问题标题】:How can I make sure scrollbars don't overlap content?如何确保滚动条不与内容重叠?
【发布时间】:2025-12-12 03:20:06
【问题描述】:

在使用 .NET 和 WinForms 创建可滚动的用户控件时,我反复遇到过以下情况,例如,弹出垂直滚动条,与控件的内容重叠,导致还需要水平滚动条。理想情况下,内容会缩小一点,以便为垂直滚动条腾出空间。

我目前的解决方案是让我的控件远离最右边的 40 像素左右,这样垂直滚动条就会占据上去。由于这仍然是控件的有效客户端空间,因此当水平滚动条被垂直滚动条覆盖时,它仍然会出现,即使根本没有隐藏任何控件。但至少用户实际上不需要使用出现的水平滚动条。

有没有更好的方法来完成这一切?有什么方法可以让不需要和不需要的滚动条完全不显示?

【问题讨论】:

    标签: .net winforms


    【解决方案1】:

    您需要稍微调整控件的大小以适应垂直滚动条的宽度。实现这一点的一种方法是通过对接来实现。您不仅要在表单上放置控件,还需要在面板、填充、最小/最大尺寸和停靠方面进行一些操作。

    这里是您可以放置​​在一个空白的新 Form1 后面的示例代码。在设计器或运行时调整表单大小,您将看到水平滚动条未显示且字段未重叠。我还为这些字段提供了一个最大宽度,以便更好地衡量:

    #region Windows Form Designer generated code
    
        /// <summary>
        /// Required method for Designer support - do not modify
        /// the contents of this method with the code editor.
        /// </summary>
        private void InitializeComponent() {
            this.textBox1 = new System.Windows.Forms.TextBox();
            this.label1 = new System.Windows.Forms.Label();
            this.panel1 = new System.Windows.Forms.Panel();
            this.panel2 = new System.Windows.Forms.Panel();
            this.textBox2 = new System.Windows.Forms.TextBox();
            this.label2 = new System.Windows.Forms.Label();
            this.panel1.SuspendLayout();
            this.panel2.SuspendLayout();
            this.SuspendLayout();
            // 
            // textBox1
            // 
            this.textBox1.Dock = System.Windows.Forms.DockStyle.Top;
            this.textBox1.Location = new System.Drawing.Point(32, 0);
            this.textBox1.MaximumSize = new System.Drawing.Size(250, 0);
            this.textBox1.Name = "textBox1";
            this.textBox1.Size = new System.Drawing.Size(250, 20);
            this.textBox1.TabIndex = 0;
            // 
            // label1
            // 
            this.label1.AutoSize = true;
            this.label1.Dock = System.Windows.Forms.DockStyle.Left;
            this.label1.Location = new System.Drawing.Point(0, 0);
            this.label1.Name = "label1";
            this.label1.Padding = new System.Windows.Forms.Padding(0, 3, 0, 0);
            this.label1.Size = new System.Drawing.Size(32, 16);
            this.label1.TabIndex = 0;
            this.label1.Text = "Field:";
            // 
            // panel1
            // 
            this.panel1.Controls.Add(this.textBox1);
            this.panel1.Controls.Add(this.label1);
            this.panel1.Dock = System.Windows.Forms.DockStyle.Top;
            this.panel1.Location = new System.Drawing.Point(0, 0);
            this.panel1.Name = "panel1";
            this.panel1.Size = new System.Drawing.Size(392, 37);
            this.panel1.TabIndex = 2;
            // 
            // panel2
            // 
            this.panel2.Controls.Add(this.textBox2);
            this.panel2.Controls.Add(this.label2);
            this.panel2.Dock = System.Windows.Forms.DockStyle.Top;
            this.panel2.Location = new System.Drawing.Point(0, 37);
            this.panel2.Name = "panel2";
            this.panel2.Size = new System.Drawing.Size(392, 37);
            this.panel2.TabIndex = 3;
            // 
            // textBox2
            // 
            this.textBox2.Dock = System.Windows.Forms.DockStyle.Top;
            this.textBox2.Location = new System.Drawing.Point(32, 0);
            this.textBox2.MaximumSize = new System.Drawing.Size(250, 0);
            this.textBox2.Name = "textBox2";
            this.textBox2.Size = new System.Drawing.Size(250, 20);
            this.textBox2.TabIndex = 0;
            // 
            // label2
            // 
            this.label2.AutoSize = true;
            this.label2.Dock = System.Windows.Forms.DockStyle.Left;
            this.label2.Location = new System.Drawing.Point(0, 0);
            this.label2.Name = "label2";
            this.label2.Padding = new System.Windows.Forms.Padding(0, 3, 0, 0);
            this.label2.Size = new System.Drawing.Size(32, 16);
            this.label2.TabIndex = 0;
            this.label2.Text = "Field:";
            // 
            // Form1
            // 
            this.AutoScaleDimensions = new System.Drawing.SizeF(6F, 13F);
            this.AutoScaleMode = System.Windows.Forms.AutoScaleMode.Font;
            this.AutoScroll = true;
            this.ClientSize = new System.Drawing.Size(392, 116);
            this.Controls.Add(this.panel2);
            this.Controls.Add(this.panel1);
            this.Name = "Form1";
            this.Text = "Form1";
            this.panel1.ResumeLayout(false);
            this.panel1.PerformLayout();
            this.panel2.ResumeLayout(false);
            this.panel2.PerformLayout();
            this.ResumeLayout(false);
    
        }
    
        #endregion
    
        private System.Windows.Forms.TextBox textBox1;
        private System.Windows.Forms.Label label1;
        private System.Windows.Forms.Panel panel1;
        private System.Windows.Forms.Panel panel2;
        private System.Windows.Forms.TextBox textBox2;
        private System.Windows.Forms.Label label2;
    

    【讨论】:

      【解决方案2】:

      如果您的控件位于面板内,请尝试将面板的 AutoScroll 属性设置为 False。这将隐藏滚动条。我希望这能为您指明正确的方向。

      myPanel.AutoScroll = False
      

      【讨论】: