Нарисуйте sin (x) / x в PictureBox в режиме анимации с помощью компонента Timer - PullRequest
Новая
       77

Нарисуйте sin (x) / x в PictureBox в режиме анимации с помощью компонента Timer

1 голос
/ 02 февраля 2011

Мне нужно нарисовать графику sin (x) / x в PictureBox в режиме анимации с помощью компонента таймера. У меня уже есть оси на моем picBox и графические изображения от 0; 0. Также у меня есть некоторый код с этого форума, но там мой рисунок рисует С ПРАВА НА ЛЕВЫЙ, и мне нужно нарисовать его С ЛЕВОГО ПРАВА. И мне нужно нарисовать его в режиме анимации по таймеру. Кто-нибудь может мне помочь? Вот моя функция рисования: 

private void drawStream()
    {
        const int scaleX = 35;
        const int scaleY = 35;

        Point picBoxTopLeft = new Point(0, 0);
        Point picBoxTopLeftm1 = new Point(-1, 0);          

        int halfX = picBox.Width / 2; 
        int halfY = picBox.Height / 2; 
        Size size = new Size(halfX + 20, picBox.Height);

        Graphics gr = picBox.CreateGraphics();
        gr.TranslateTransform(halfX, halfY);

        gr.ScaleTransform(scaleX, scaleY);

        gr.ResetClip();

        float lastY = (float)Math.Sin(0);
        float y = lastY;
        Pen p = new Pen(Color.Red, 0.015F);
        float stepX = 1F / scaleX; 

        for (float x = 0; x < 15; x += stepX)
        {
            gr.CopyFromScreen(picBox.PointToScreen(picBoxTopLeft), picBoxTopLeftm1, size, CopyPixelOperation.SourceCopy);             
            y = (float)Math.Sin(x);
            gr.DrawLine(p, -stepX, lastY, 0, y);
            lastY = y;                
        } 
    }

Большое спасибо. Постскриптум Извините за мой английский, я украинец.

Ответы [ 4 ]

4 голосов
/ 02 февраля 2011

Похоже на строку: 

gr.DrawLine(p, -stepX, lastY, 0, y);

Всегда будет рисовать линию от (-stepX, lastY) до (0, y). Только координаты Y этих точек изменяются во время вашего цикла, который не выглядит так, как вы хотите.

Кроме того, вы шагаете в направлении X на stepX, который определен как 1 / 35.0f. Это означает, что вы шагаете 35 раз на весь пиксель; немного чрезмерно. Избавьтесь от ScaleTransform и вместо этого масштабируйте независимую переменную (x), чтобы получить более разумную частоту. Вероятно, вам также следует увеличить значение amplitude, чтобы получить хорошую кривую.

Я думаю, ваш цикл рисования должен выглядеть примерно так: 

for (int x = 1; x < halfX; x += 1)
{           
  y = (float) amplitude * Math.Sin(x * stepX);
  gr.DrawLine(p, x - 1, lastY, x, y);
  lastY = y;                
}

Это будет рисовать от начала координат (0,0) до правой стороны графического поля сразу. Чтобы оживить это, вам нужно взять этот код, и вместо того, чтобы зацикливаться до halfX, вы хотите зациклить только часть пути и отслеживать, где вы будете в следующий раз, когда ваш Timer запустит свое событие.

редактирование:

Каждый раз, когда вы создаете Pen объект, вы берете дескриптор из Windows через GDI. Эти дескрипторы возвращаются для повторного использования только тогда, когда вы Dispose() Pen объект. Если вы создаете новое перо каждый раз, когда рисуете, и не утилизируете его, у вас в конце концов останутся ручки!

Чтобы быть в безопасности при использовании этих типов объектов (Pen, Brush, Font и другие должны быть утилизированы), оберните их в оператор using: 

using (Pen pen = new Pen(Color.Red, 0.015f)) {
  // ... use the pen here
}
// After here it is Disposed and cannot be accessed
3 голосов
/ 05 февраля 2011

Хорошо, потратил 20 минут, чтобы попробовать это сам. 

public Form1()
{
    InitializeComponent();

    _bitmap = new Bitmap(pictureBox1.Width, pictureBox1.Height);
    pictureBox1.Image = _bitmap;

    Timer timer = new Timer();
    timer.Tick += new EventHandler(timer_Tick);
    timer.Interval = 10;

    timer.Start();
}

private int x = 0;
void timer_Tick(object sender, EventArgs e)
{
    if(++x < _bitmap.Width)
    {
        int y = _bitmap.Height/2 
                - ((int)(Math.Sin(x * (Math.PI * 2) /  _bitmap.Width) * (_bitmap.Height / 2)));

        //Small rounding error
        if (y > _bitmap.Height - 1)
            y = _bitmap.Height - 1;

        _bitmap.SetPixel(x, y, Color.Black);
    }
    pictureBox1.Image = _bitmap;
}

Проверено и работает.

0 голосов
/ 05 февраля 2011

Вы должны действительно добавить очки к GraphicsPath и просто нарисовать это.

Кроме того: Вы не должны создавать такой графический объект. Получите один из Bitmap или используйте тот, который предоставлен событием Paint.

0 голосов
/ 02 февраля 2011

1) Справа налево.Просто измените цикл for.

для (float x = 0; x <15; x + = stepX) </p>

становится

for (float x = size.Width; x> = 0; x - = stepX)

2) Таймер.

Простое решение - просто добавить спящий режим. 

 for (float x = 0; x < 15; x += stepX)
 Thread.Sleep(500); //draw...
...