c# - 允许自定义控件正确滚动出 View

Question

我有一个自定义控件，它由一个带有文本的填充圆角矩形组成。 (实际控件更复杂，但此处显示的代码具有相同的症状。)我将控件的实例附加到面板，并使该面板成为另一个面板的子级，AutoScroll = true。我认为这足以实现正确的滚动行为，但是如果您滚动使得我的控件的左侧应该离开面板的左侧，它会粘住并且控件会缩小。与滚动相同，控件应在顶部关闭。 (底部和右侧似乎不是问题。)这是示例代码(需要引用 System.Windows.Forms 和 System.Drawing。)我在 Windows 上使用带有 .NET 4 客户端的 Visual Studio 2010。

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


namespace CustomControlScrollTest
{
    static class Program
    {
        [STAThread]
        static void Main()
        {
            Application.EnableVisualStyles();
            Application.SetCompatibleTextRenderingDefault(false);
            Application.Run(new Form1());
        }
    }

    // Form with a Dock = Fill panel with autoscroll turned on, and a nested panel
    // with few custom roundRectControls.
    public class Form1 : Form
    {
        Panel autoScrollPanel;
        Panel rectPanel;

        public Form1()
        {
            Size = new Size(300, 200);

            autoScrollPanel = new Panel();
            autoScrollPanel.Dock = DockStyle.Fill;
            autoScrollPanel.AutoScroll = true;
            autoScrollPanel.AutoScrollMinSize = new Size(600, 450);

            autoScrollPanel.Resize += autoScrollPanel_Resize;
            autoScrollPanel.Scroll += autoScrollPanel_Scroll;

            Controls.Add(autoScrollPanel);

            rectPanel = new Panel();
            rectPanel.Size = autoScrollPanel.AutoScrollMinSize;
            rectPanel.Controls.AddRange(new RoundRectControl[] {
                new RoundRectControl(),
                new RoundRectControl(),
                new RoundRectControl(),
                new RoundRectControl(),
                new RoundRectControl()
            });

            foreach (Control c in rectPanel.Controls)
            {
                c.Click += c_Click;
            }

            autoScrollPanel.Controls.Add(rectPanel);

            placeBoxes();
        }

        // we want to be able to recalculate the boxes position at any time
        // in the real program this occurs due to model changes
        void c_Click(object sender, EventArgs e)
        {
            placeBoxes();
        }

        void autoScrollPanel_Scroll(object sender, ScrollEventArgs e)
        {
            Refresh();
        }

        void autoScrollPanel_Resize(object sender, EventArgs e)
        {
            Refresh();
        }

        private void placeBoxes()
        {
            for (int i = 0; i < rectPanel.Controls.Count; ++i)
            {
                int j = i + 1;
                var node = rectPanel.Controls[i] as RoundRectControl;
                if (node != null)
                {
                    node.Title = "Hello (" + j + ")";
                    node.Location = new Point(i * 100, j * 75);
                    node.Visible = true;                   
                }
            }
        }
    }

    // A rounded rectangle filled blue with a black border and white text
    // the size is determined by the text
    public class RoundRectControl : Control
    {
        public RoundRectControl()
        {
            var f = SystemFonts.MessageBoxFont;
            titleFont = new Font(f.Name, f.SizeInPoints + 2, FontStyle.Bold, GraphicsUnit.Point);
            ResizeRedraw = true;
        }

        protected override void OnPaint(PaintEventArgs e)
        {
            base.OnPaint(e);
            var g = e.Graphics;

            var left = e.ClipRectangle.X;
            var right = left + titleWidth + 2 * radius;
            var top = e.ClipRectangle.Y;
            var bottom = top + nodeHeight + 2 * radius;

            var r2 = 2 * radius;

            using (var path = new GraphicsPath())
            {
                path.AddArc(left,       bottom - r2, r2,  r2, 90,  90);
                path.AddArc(left,       top,         r2,  r2, 180, 90);
                path.AddArc(right - r2, top,         r2,  r2, 270, 90);
                path.AddArc(right - r2, bottom - r2, r2,  r2, 0,   90);
                path.CloseFigure();

                g.FillPath(titleBrush, path);
                g.DrawPath(borderPen, path);
            }

            g.DrawString(title, titleFont, titleTextBrush, left + radius, top + radius);
        }

        private string title;
        public string Title
        {
            get { return title; }
            set
            {
                title = value;
                Size = getSize();
                Invalidate();
            }
        }

        private Brush titleBrush = Brushes.Blue;

        private Brush titleTextBrush = Brushes.White;

        private Pen borderPen = Pens.Black;

        private Size getSize()
        {
            var g = CreateGraphics();
            var titleSize = g.MeasureString(title, titleFont);
            titleWidth = (int)titleSize.Width;
            nodeHeight = (int)titleSize.Height;
            return new Size(titleWidth + 2 * radius + 1, nodeHeight + 2 * radius + 1);
        }

        public override Size GetPreferredSize(Size proposedSize)
        {
            return getSize();
        }

        private int titleWidth;
        private int nodeHeight;

        private Font titleFont;

        private int radius = 5;
    }
}

Answer 1

试试这个

protected override void OnPaint(PaintEventArgs e)
    {
        base.OnPaint(e);
        var g = e.Graphics;

        //total width and height of rounded rectangle
        var width = titleWidth + 2 * radius + 1;
        var height = nodeHeight + 2 * radius + 1;

        var left = e.ClipRectangle.X;
        var top = e.ClipRectangle.Y;

        //check if clipping occurs. If yes, set to 0
        if (width > e.ClipRectangle.Width)
        {
            left = 0; // *= -1;
        }

        //check if clipping occurs.If yes, set to 0
        if (height > e.ClipRectangle.Height)
        {
            top = 0; // *= -1
        }

        var right = left + titleWidth + 2 * radius;
        var bottom = top + nodeHeight + 2 * radius;

        var r2 = 2 * radius;

        using (var path = new GraphicsPath())
        {
            path.AddArc(left, bottom - r2, r2, r2, 90, 90);
            path.AddArc(left, top, r2, r2, 180, 90);
            path.AddArc(right - r2, top, r2, r2, 270, 90);
            path.AddArc(right - r2, bottom - r2, r2, r2, 0, 90);
            path.CloseFigure();

            g.FillPath(titleBrush, path);
            g.DrawPath(borderPen, path);
        }

        g.DrawString(title, titleFont, titleTextBrush, left + radius, top + radius);
    }

问题是当您向右滚动时(矩形向左移动，e.ClipRectangle.Width 变小)并且矩形超出区域，e.ClipRectangle.X 是积极的!所以在这种情况下，我们将其设置为零。 e.ClipRectangle.X 不能为负，所以即使你反转它(编辑前的解)它也会变成零。

编辑

你可以简单地做

var left = 0;
var right = left + titleWidth + 2 * radius;
var top = 0;
var bottom = top + nodeHeight + 2 * radius;

两者都在工作

你可以使用这些样式

this.SetStyle(ControlStyles.DoubleBuffer, true);
this.SetStyle(ControlStyles.UserPaint, true);
this.SetStyle(ControlStyles.AllPaintingInWmPaint, true);

避免闪烁

瓦尔特