使用带有固定位置文本的 ScrollableControl 的自定义控件

Question

我正在构建将用于显示切片地图的自定义用户控件，作为基础 class 我选择了 ScrollableControl，因为我希望在我的控件中有滚动条。

我已经成功创建了负责仅绘制所需元素的绘制逻辑。

现在我正在尝试添加始终在同一位置可见的静态文本（在我的例子中是左上角带有红色文本的白框）：

这在上面的 gif 上看不清楚，但是当我使用鼠标或滚动条滚动时，那个白框闪烁并跳动了一下。

我的问题是我应该如何更改我的代码以在该可滚动内容之上具有可滚动内容和固定位置内容？

ScrollableControl 作为基础 class 是不错的选择吗？

下面是我的代码：

class TestControl : ScrollableControl
{
    private int _tileWidth = 40;
    private int _tileHeight = 40;
    private int _tilesX = 20;
    private int _tilesY = 20;

    public TestControl()
    {
        SetStyle(ControlStyles.ResizeRedraw, true);
        SetStyle(ControlStyles.UserPaint, true);
        SetStyle(ControlStyles.AllPaintingInWmPaint, true);
        SetStyle(ControlStyles.Opaque, true);
        SetStyle(ControlStyles.OptimizedDoubleBuffer, true);
        UpdateStyles();
        ResizeRedraw = true;
        AutoScrollMinSize = new Size(_tilesX * _tileWidth, _tilesY * _tileHeight);

        Scroll += (sender, args) => { Invalidate(); };
    }

    protected override void OnPaint(PaintEventArgs e)
    {
        base.OnPaint(e);
        e.Graphics.FillRectangle(new SolidBrush(BackColor), ClientRectangle);
        e.Graphics.TranslateTransform(AutoScrollPosition.X, AutoScrollPosition.Y);
        e.Graphics.SmoothingMode = SmoothingMode.AntiAlias;

        var offsetX = (AutoScrollPosition.X * -1) / _tileWidth;
        var offsetY = (AutoScrollPosition.Y * -1) / _tileHeight;

        var visibleX = Width / _tileWidth + 2;
        var visibleY = Height / _tileHeight + 2;

        var x = Math.Min(visibleX + offsetX, _tilesX);
        var y = Math.Min(visibleY + offsetY, _tilesY);

        for (var i = offsetX; i < x; i++)
        {
            for (var j = offsetY; j < y; j++)
            {
                e.Graphics.FillRectangle(Brushes.Beige, new Rectangle(i*_tileWidth, j*_tileHeight, _tileWidth, _tileHeight));
                e.Graphics.DrawString(string.Format("{0}:{1}", i, j), Font, Brushes.Black, new Rectangle(i * _tileWidth, j * _tileHeight, _tileWidth, _tileHeight));
            }
        }

        using (var p = new Pen(Color.Black))
        {
            for (var i = offsetX + 1; i < x; i++)
            {
                e.Graphics.DrawLine(p, i*_tileWidth, 0, i*_tileWidth, y*_tileHeight);
            }

            for (var i = offsetY + 1; i < y; i++)
            {
                e.Graphics.DrawLine(p, 0, i*_tileHeight, x*_tileWidth, i*_tileHeight);
            }
        }

        e.Graphics.FillRectangle(Brushes.White, AutoScrollPosition.X * -1, AutoScrollPosition.Y * -1, 35, 14);
        e.Graphics.DrawString("TEST", DefaultFont, new SolidBrush(Color.Red), AutoScrollPosition.X * -1, AutoScrollPosition.Y * -1);
    }
}

编辑：
我搜索了一下，发现 UserControl 具有类似的功能 - https://www.codeproject.com/Articles/16009/A-Much-Easier-to-Use-ListView and after reading a bit more on control's author blog http://objectlistview.sourceforge.net/cs/blog1.html#blog-overlays 我发现他使用的是位于控件顶部的透明表单。我真的很想避免这种情况，但在我的控制之上仍然有覆盖。

Answer 1

您正在与名为 "Show window content while dragging" 的 Windows 系统选项进行战斗。默认情况下始终打开，this web page 显示如何将其关闭。

解决了问题，但这不是您可以依赖的东西，因为它会影响所有应用程序中的 all 可滚动 window。要求用户为你关闭它是不现实的，用户喜欢这个选项，所以他们会忽略你。他们没有提供针对特定 window 关闭它的选项，这是一个非常重大的疏忽。在信息亭应用程序中这是一个不错的解决方案。

简而言之，该选项的工作方式是 Windows 本身使用 ScrollWindowEx() winapi 函数滚动 window 内容。使用 window 内容的 bitblt 移动像素，并且只为滚动显示的 window 部分生成绘制请求。通常只有几行像素，所以完成得非常快。问题是，bitblt 也会移动固定像素。重绘将它们移回。很明显，人眼对这样的运动非常敏感，有助于避免成为过去百万年的狮子午餐。

你必须去掉 ScrollWindowsEx() 的 sting，防止它移动像素，即使你不能阻止它被调用。这需要一个沉重的大锤，LockWindowUpdate(). You'll find code in 。

using System.Runtime.InteropServices;
...

    protected override void OnScroll(ScrollEventArgs e) {
        if (e.Type == ScrollEventType.First) {
            LockWindowUpdate(this.Handle);
        }
        else {
            LockWindowUpdate(IntPtr.Zero);
            this.Update();
            if (e.Type != ScrollEventType.Last) LockWindowUpdate(this.Handle);
        }
    }

    [DllImport("user32.dll", SetLastError = true)]
    private static extern bool LockWindowUpdate(IntPtr hWnd);

不太漂亮，使用单独的 Label 控件应该开始听起来很有吸引力。

Answer 2

你能不能只给那个控件添加一个标签（在顶部），换句话说 - 你不能把它用作面板吗？

使用带有固定位置文本的 ScrollableControl 的自定义控件

Custom control using ScrollableControl with fixed position text

.net

c#

user-controls

winforms