C# WinForms使用PictureBox绘制正弦曲线比例失调如何解决

问题根源 #

• 正弦函数Math.Sin的输入为弧度值，每2π≈6.28就完成一个完整周期，你直接传入0~1000的数值作为输入，相当于在X轴范围内塞入了近160个周期，自然会密集到无法识别
• X轴未做坐标映射，直接将输入值作为像素坐标使用，远超过PictureBox的实际宽度，超出范围的内容无法正常显示
• 未做旧点清理，多次点击按钮会叠加历史坐标点，进一步导致显示异常

修复步骤 #

你可以通过坐标映射逻辑，把数学坐标系的取值范围和PictureBox的实际像素尺寸做绑定，即可实现正常比例显示，修改后代码如下：

public partial class Graphs : Form
{
    Pen pen = new Pen(Color.Red,4.0F);
    List<PointF> points = new List<PointF>();
    
    // 配置你要显示的X轴数学范围，这里设置为0~4π，即2个完整正弦周期
    private const float XMin = 0f;
    private const float XMax = 4 * (float)Math.PI;

    public Graphs()
    {
        InitializeComponent();
    }

    private void AddPoint(Func<float,float> function,float value)
    {
        // Y轴逻辑保持不变，适配PictureBox高度
        float yScale = pictureBox1.Height / 2;
        float y = -function(value)*yScale + yScale;

        // 新增X轴坐标映射：把数学范围的value转换为对应像素坐标
        float xRatio = (value - XMin) / (XMax - XMin);
        float x = xRatio * pictureBox1.Width;

        points.Add(new PointF(x, y));
    }
    private void AddPoints(float minValue,float maxValue,Func<float,float> function)
    {
        // 步长调小，保证曲线平滑
        for (float i = minValue; i <= maxValue; i+=0.1f)
        {
            AddPoint(function, i);
        }
    }
    private void Form1_Load(object sender, EventArgs e)
    { }

    private void pictureBox1_Paint(object sender, PaintEventArgs e)
    {
        e.Graphics.Clear(Color.White);
        if(points.Count > 0)
            e.Graphics.DrawCurve(pen, points.ToArray());
        
    }
    private new void Invalidate()
    {
        pictureBox1.Invalidate();
    }

    private float Sine(float number) => (float)Math.Sin(number);
   
    private void button1_Click(object sender, EventArgs e)
    {
        // 每次绘制前清空旧点
        points.Clear();
        // 传入我们定义的X轴数学范围
        AddPoints(XMin, XMax, Sine);
        Invalidate();
    }
}

可调整参数 #

• 如果需要显示更多/更少的正弦周期，只需要修改XMax的取值即可，比如设置为6 * (float)Math.PI就会显示3个周期
• 如果需要调整曲线平滑度，修改AddPoints方法中的步长值即可，步长越小曲线越平滑，性能消耗也会略微提升

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