模拟时钟 - 在标签上绘制时钟

Question

我正在使用 WinForms 创建时钟。问题是时钟指针在我的面板/标签下。我试图在面板/标签上画手，但没有成功。我还尝试将面板/标签移到后面，将手移到前面，但效果也不好。我也尝试过类似panel_digital_Timer.Parent = pictureBox1 的操作，它制作了一个透明面板。如何将时钟指针移到面板/标签前面？

public partial class Form1 : Form
{
    private Bitmap bmp;
    private int angle = 0;
    private int counter_Time;


    public Form1()
    {
        InitializeComponent();
    }

    private void Form1_Load(object sender, EventArgs e)
    {
        pictureBox1.Paint += PictureBox1_Paint;
        bmp = Properties.Resources.Clock_Arm;

        //pictureBoxOverlay.BackColor = Color.Transparent;

        //// Change parent for overlay PictureBox...
        pictureBoxOverlay.Parent = pictureBox1;

        panel_digital_Timer.BackColor = Color.Transparent;
    }

    private void PictureBox1_Paint(object sender, PaintEventArgs e)
    {
        var rbmp = rotateCenter(bmp, angle);
        e.Graphics.TranslateTransform((pictureBox1.Width - rbmp.Width) / 2,
            (pictureBox1.Height - rbmp.Height) / 2);
        e.Graphics.DrawImage(rbmp, 0, 0);
        e.Graphics.ResetTransform();
    }


    /// <summary>
    /// Rotates the input image by theta degrees around center.
    /// </summary>
    public static Bitmap rotateCenter(Bitmap bmpSrc, float theta)
    {
        Matrix mRotate = new Matrix();
        //mRotate.Translate(bmpSrc.Width / -2, bmpSrc.Height / -2, MatrixOrder.Append);
        mRotate.Translate(bmpSrc.Width / -2, -bmpSrc.Height, MatrixOrder.Append);
        mRotate.RotateAt(theta, new Point(0, 0), MatrixOrder.Append);
        using (GraphicsPath gp = new GraphicsPath())
        {  // transform image points by rotation matrix
            gp.AddPolygon(new Point[] { new Point(0, 0), new Point(bmpSrc.Width, 0), new Point(0, bmpSrc.Height) });
            gp.Transform(mRotate);
            PointF[] pts = gp.PathPoints;

            // create destination bitmap sized to contain rotated source image
            Rectangle bbox = boundingBox(bmpSrc, mRotate);
            Bitmap bmpDest = new Bitmap((int)(bbox.Width * 2), (int)(bbox.Height * 2));

            using (Graphics gDest = Graphics.FromImage(bmpDest))
            {  // draw source into dest
                Matrix mDest = new Matrix();
                //mDest.Translate(bmpDest.Width / 2, bmpDest.Height / 2, MatrixOrder.Append);
                mDest.Translate(bmpDest.Width / 2, bmpDest.Height / 2, MatrixOrder.Append);
                gDest.Transform = mDest;
                gDest.DrawImage(bmpSrc, pts);
                //drawAxes(gDest, Color.Red, 0, 0, 1, 100, "");
                return bmpDest;
            }
        }
    }

    private static Rectangle boundingBox(Image img, Matrix matrix)
    {
        GraphicsUnit gu = new GraphicsUnit();
        Rectangle rImg = Rectangle.Round(img.GetBounds(ref gu));

        // Transform the four points of the image, to get the resized bounding box.
        Point topLeft = new Point(rImg.Left, rImg.Top);
        Point topRight = new Point(rImg.Right, rImg.Top);
        Point bottomRight = new Point(rImg.Right, rImg.Bottom);
        Point bottomLeft = new Point(rImg.Left, rImg.Bottom);
        Point[] points = new Point[] { topLeft, topRight, bottomRight, bottomLeft };
        GraphicsPath gp = new GraphicsPath(points,
        new byte[] { (byte)PathPointType.Start, (byte)PathPointType.Line, (byte)PathPointType.Line, (byte)PathPointType.Line });
        gp.Transform(matrix);
        return Rectangle.Round(gp.GetBounds());
    }

    private void Timer_StopClock_Tick(object sender, EventArgs e)
    {
        if (counter_Time == 360)
        {
            counter_Time = 0;
        }
        else
        {
            counter_Time += 15;
        }

        angle = counter_Time;
        //angle += counter_Time;

        Console.WriteLine(counter_Time);
        pictureBox1.Invalidate();
    }
}

下载项目：http://www.filedropper.com/clockprojectquestion

目标

问题

Answer 1

不要用TextBox来显示文字，自己画文字。

您在Control 的Graphics 对象上绘制的绘图将绘制在控件的表面上，并且不能绘制在子控件或其他堆叠控件上。所以在上面的代码中，你应该使用TextRenderer.DrawText来绘制文本，而不是使用TextBox来显示文本。

示例

处理Interval 设置为1000 的计时器的Tick 事件，并在Tick 事件处理程序中调用pictureBox1.Invalidate();。然后在这样处理图片框的Paint事件：

private void pictureBox1_Paint(object sender, PaintEventArgs e)
{
    var g = e.Graphics;
    g.SmoothingMode = SmoothingMode.AntiAlias;
    g.Clear(Color.White);
    var r1 = this.pictureBox1.ClientRectangle;
    r1.Inflate(-3, -3);
    g.DrawEllipse(Pens.Black, r1);
    var r2 = r1;
    r2.Inflate(-5, -5);
    TextRenderer.DrawText(g, DateTime.Now.ToString("HH:mm:ss"), this.Font,
        new Rectangle(r1.Left, r1.Top + 2 * r1.Height / 3, r1.Width, r1.Height / 3),
        Color.Black);
    e.Graphics.TranslateTransform(r2.Left + r2.Width / 2, r2.Top + r2.Height / 2);
    var c = g.BeginContainer();
    g.SmoothingMode = SmoothingMode.AntiAlias;
    e.Graphics.RotateTransform(DateTime.Now.Hour * 30f + DateTime.Now.Minute / 2f);
    g.FillEllipse(Brushes.Black, -5, -5, 10, 10);
    using (var p = new Pen(Color.Black, 4))
        g.DrawLine(p, 0, 0, 0, -r2.Height / 2 + 30);
    g.EndContainer(c);
    c = g.BeginContainer();
    g.SmoothingMode = SmoothingMode.AntiAlias;
    e.Graphics.RotateTransform(DateTime.Now.Minute * 6);
    using (var p = new Pen(Color.Black, 2))
        g.DrawLine(p, 0, 0, 0, -r2.Height / 2 + 10);
    g.EndContainer(c);
    c = g.BeginContainer();
    g.SmoothingMode = SmoothingMode.AntiAlias;
    e.Graphics.RotateTransform(DateTime.Now.Second * 6);
    using (var p = new Pen(Color.Red, 2))
        g.DrawLine(p, 0, 10, 0, -r2.Height / 2 + 15);
    g.EndContainer(c);
}

那么结果会是这样的：