Блог

Мне нужно нарисовать форму волны в NSView. (У меня есть все выборки в массиве). Рисование должно быть эффективным и действительно быстрым, Без обрезки, мерцания и т. Д., Оно должно быть плавным. Форма сигнала будет «перемещаться» в соответствии с положением песни, и некоторые изменения в сэмплах (обработка DSP) будут показаны в виде визуального представления в NSView в режиме реального времени.

Я знаком с рисованием линий, дуг и т. Д. На объектах canvas, и я разработал приложения, делающие такие вещи, но не на Mac OS X…

Я хочу спросить, может ли кто-нибудь подсказать мне, с чего начать рисовать! Основная анимация, OpenGL, простые переопределяющие методы рисования, ?? и т.д. Какой API-интерфейс лучше всего использовать?

Я бы сделал это просто и создал NSView подкласс со audioData свойством, которое использует рисование Cocoa. Вы могли бы вызвать [view setAudioData:waveArray] который, в свою очередь, вызовет [self setNeedsDisplay:YES] .

Затем в вашем drawRect: методе вы можете перебирать выборки и использовать NSRectFill() их соответствующим образом. Здесь sample value значение находится между 0 и 1.

 - (void)drawRect:(NSRect)dirtyRect {
    [[NSColor blueColor]set];
    for (id sample in self.waveArray) {
        NSRect drawingRect = NSZeroRect;
        drawingRect.origin.x = [self bounds].origin.x;
        drawingRect.origin.y = [self bounds].origin.y   ([self.waveArray indexOfObject:sample]/([self.waveArray count] - 1.0));
        drawingRect.size.width = [self bounds].size.width/[self.waveArray count];
        drawingRect.size.height = [self bounds].size.height * [sample value];
        NSRectFill(drawingRect);
    }
}
 

Этот код не является точным, и вы должны быть уверены, что сделаете его более эффективным, только рисуя образцы внутри dirtyRect .

Я бы начал с действительно длинного и тонкого изображения, чтобы представить одну строку / столбец для формы сигнала.

Мой план состоял бы в том, чтобы иметь NSTimer, который перемещает все столбцы волны на единицу влево каждые 0,01 секунды.

Итак, что-то вроде этого в цикле.

 for (int x; x < [WaveArray count] ; x  )
{
    UIImageView * Bar = [WaveArray ObjectAtIndex: x];
    [Bar setCenter:CGPointMake(Bar.center.x-1,Bar.center.y)];
}
 

Теперь все, что вам нужно сделать, это создать объекты правильной высоты и добавить их в WaveArray, и все они будут перемещены влево.