模擬時鐘 - 在標籤上繪製時鐘手臂

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上繪製的圖形將繪製在控件的表面上，並且不能繪製在子控件或其他堆疊控件上。因此，在上面的代碼中，而不是使用TextBox來顯示文本，您應該使用TextRenderer.DrawText來繪製文本。

例

手柄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); 
} 

那麼結果會是這樣：