Timer控制线段绕支点旋转：修改后长度异常、无法360°旋转问题

问题描述 #

修改DrawLine方法，设置radius=100并将支点改为PictureBox中心后，出现两个异常：

• 线段实际长度远大于设定的100
• 线段无法完成360°连续旋转，仅呈现来回摆动的效果

问题根源 #

1. 坐标计算逻辑错误：终点坐标直接使用(radius * Math.Sin(angle), radius * Math.Cos(angle))，这个值是相对于屏幕原点的绝对坐标，而非相对于支点（PictureBox中心）的偏移量。导致线段从中心指向屏幕左上角区域的点，视觉上长度异常。
2. 角度视觉误导：由于坐标错误，当角度累加时，终点的移动路径被限制在小范围内，看起来像是来回摆动，而非360°旋转。

修复步骤 #

1. 修正终点坐标计算 #

终点坐标需要基于支点做偏移，公式应为：

var end = new Point(
    center.X + (int)(radius * Math.Sin(angle)),
    center.Y + (int)(radius * Math.Cos(angle))
);

这样终点是从支点出发，沿指定角度延伸radius长度后的位置。

2. 优化角度处理（可选） #

为避免angle数值无限累加过大，可在每次更新时对2π取模，保证角度始终在0~2π范围内：

angle += 0.1f;
if (angle > Math.PI * 2)
{
    angle -= (float)(Math.PI * 2);
}

3. 替换Timer类型（推荐） #

原代码使用System.Timers.Timer，其Elapsed事件在非UI线程触发，虽然Invalidate是线程安全的，但改用System.Windows.Forms.Timer更贴合WinForms UI场景，无需考虑跨线程问题。

4. 添加运行时调整控件 #

在Form上添加以下控件实现动态调整：

• NumericUpDown（命名为numericUpDownRadius）：调整线段长度，范围设为1~400（PictureBox半宽）
• 两个NumericUpDown（命名为numericUpDownCenterX、numericUpDownCenterY）：调整支点坐标，范围设为0~800（PictureBox尺寸）

完整修复代码 #

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

namespace Line_Rotation
{
    public partial class Form1 : Form
    {
        float angle = 0;
        // 使用WinForms专属Timer
        private Timer timer = new Timer();

        public Form1()
        {
            InitializeComponent();

            // 初始化Timer参数
            timer.Interval = 30; // 控制旋转速度，值越小越快
            timer.Tick += Timer_Tick;
            timer.Start();

            // 初始化控件默认值
            numericUpDownRadius.Value = 100;
            numericUpDownCenterX.Value = pictureBox1.ClientSize.Width / 2;
            numericUpDownCenterY.Value = pictureBox1.ClientSize.Height / 2;
        }

        private void Timer_Tick(object sender, EventArgs e)
        {
            angle += 0.1f;
            // 角度取模，避免数值过大
            if (angle > Math.PI * 2)
            {
                angle -= (float)(Math.PI * 2);
            }
            pictureBox1.Invalidate();
        }

        private void pictureBox1_Paint(object sender, PaintEventArgs e)
        {
            DrawLine(pictureBox1, e.Graphics, angle);
        }

        public void DrawLine(PictureBox pb, Graphics g, float angle)
        {
            // 从控件获取当前设置的radius和支点坐标
            double radius = numericUpDownRadius.Value;
            var center = new Point(
                (int)numericUpDownCenterX.Value,
                (int)numericUpDownCenterY.Value
            );

            // 计算终点坐标：支点 + 角度偏移量
            var end = new Point(
                center.X + (int)(radius * Math.Sin(angle)),
                center.Y + (int)(radius * Math.Cos(angle))
            );

            g.SmoothingMode = System.Drawing.Drawing2D.SmoothingMode.AntiAlias;
            g.DrawLine(new Pen(Color.Red, 2f), center, end);
        }
    }
}

注意事项 #

• 确保Form1尺寸设置为1000×1000，PictureBox1尺寸设置为800×800，且PictureBox1在Form中按需求布局。
• 调整Timer.Interval值可以改变旋转速度，数值越小旋转越快。

内容的提问来源于stack exchange，提问作者Daniel Lip