Qt как рисовать в отдельном окне

Вывод графиков в Qt

У меня есть данные, которые поступают с частотой 1000 значений в секунду с нескольких каналов. Нужно построить графики для каждого канала. Я делаю это с помощью QTimer, который сначала забирает данные (забирает с частотой 100 Гц, данные буферизуются устройством) и каждый второй кадр обновляет графики (чтобы частота обновления была 50 Гц, а не 100, потому что всё равно у монитора 60 Гц и больше нет смысла), которые рисуются на QGraphicsView.

QGraphicsScene *graphScene, *tempGraphScene; . tempGraphScene->clear(); static const QColor colors[8] = ; for (int i = 0; i < ui->channelListWidget->count(); i++) < QPen pen(colors[i % 8]); QString name = ui->channelListWidget->item(i)->text(); int t = 0, prev_t = 0, prev_y = 0; foreach (double value, dataBuffer[name]) < int y = 256 - value / 2.56 * 256.0; if (t >0) < tempGraphScene->addLine(prev_t, prev_y, t, y, pen); > prev_t = t; prev_y = y; t++; > > < QGraphicsScene *tmp = tempGraphScene; tempGraphScene = graphScene; graphScene = tmp; >ui->graphView->setScene(graphScene);

Ну так вот. Оно лагает. Если убрать отрисовку, оставить только чтение данных и запихивание в QList’ы, то всё хорошо, процессор загружен всего на 5% и всё счастливы. Но с отрисовкой FPS падает раза в 4 и получается очень печально (данные теряются, потому что программа на ПК не успевает их забирать и буфер устройства переполняется). Попробовал выводить данные каждый 100-ый кадр, то есть всего с частотой 1 Гц. В итоге FPS чтения данных получается 96-97. То есть отрисовка настолько тормозная, что за это время успевает потеряться 3-4 кадра данных (буфер устройства способен вместить 32 сэмпла данных со всех каналов, если не успевать их забирать, то он очищается).

Вероятно, я рисую график как быдлокодер. Мне очень стыдно и я хочу узнать как это делать быстро и правильно.

Qt как рисовать в отдельном окне

Доброго дня!
Ситуация: делаю прогу для построения графиков. Графики хочу, чтобы рисовались во вкладках (одна вкладка — один график). Не знаю, как заставить рисовальщик рисовать в нужной мне вкладке. Создаю, соответственно, в главном окне QTabWidget, в котором создаю вкладку. Сразу же после ее создания должен в ней отобразиться график. Как это сделать?

Алексей1153
1.8.2010, 17:15

Если нет никакого подвоха, то, казалось бы, всё элементарно:
в paintEvent вкладки посмотреть, что должна отображать вкладка, и нарисовать это.

Litkevich Yuriy
1.8.2010, 17:20

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

QMainWindow
1.8.2010, 20:21

Аха, простой QWidget и поместить его туда. Такс, а как его соединить с вкладкой? Т.е. чтобы виджет tab отвечал своей странице?

Алексей1153
1.8.2010, 20:26

QMainWindow, читай описание конструктора QWidget.

А как понять «чтобы виджет tab отвечал своей странице» ?

QMainWindow
1.8.2010, 21:00

Имел ввиду, что когда нажимаем на вкладку (на прямоугольник с названием вверху), то на экране выводится именно тот график (или что-то другое), который соответствует данной вкладке))

Litkevich Yuriy
1.8.2010, 21:49
Прочитай документацию по QTabWidget и всё поймёшь
QMainWindow
2.8.2010, 10:33

Прочитал еще в первый раз, не разобрался тогда. Теперь понятно как размещать страницы во вкладках. Но пейнтер все равно не рисует. Говорит, что не активирован. Вот код:

tabWidget = new QTabWidget(centralwidget); 
tabWidget->setObjectName(QString::fromUtf8("TabWidget")); 
tabWidget->setGeometry(QRect(5, 30, width()-10, height()-85)); 
PageForGraphic = new QWidget; 
PageForGraphic->setGeometry(QRect(5, 30, width()-10, height()-85));

Этот код записан в конструкторе Главного окна. Далее:

void MainWindow::InTabs()
 tab = new QWidget(); //Создаем вкладку. 
PageForGraphic->setParent(tab); //Называем ее родителем. 
tabWidget->addTab(tab, QString::fromLocal8Bit("Ãðàôèê %1").arg(tabWidget->count()+1)); //Добавляем ее на TabWidget. 
tabWidget->setCurrentWidget(tab); //Подсвечивем.
>

Этот код записан в отдельной функции. В нее посылается сигнал из диалогового окна, приказывающий создать собственно вкладку. Далее:

void MainWindow::RunMNK(double *PointArrayX, double *PointArrayY, int N, int choise)
 //Здесь написан некоторый код. Для его выполнения посылается сигнал из того диалогового окна. 
ChooseGraphic(choise);
>

void MainWindow::ChooseGraphic(int choise)
 C=choise; 
update();
>

Это некоторое лирическое отступление, как программа доходит до update(). Далее:

void MainWindow::paintEvent(QPaintEvent *event)
 
QPainter painter(PageForGraphic);
 
switch(C) 
 case 1: 
 painter.setWindow(/*-LW*maxX-30, -LH*maxY-65,*/0,0, width(), height()); 
painter.setRenderHint(QPainter::Antialiasing, true); 
painter.setPen(QPen(QColor(255, 0, 0), 7, Qt::SolidLine, Qt::RoundCap)); 
painter.drawPoints(PointArrayXY, M); 
> 
case 2: 
 // 
> 
case 3: 
 // 
> 
>
>

Сам пейнтэвент. В нем указываю, где рисовать, но он не рисует))
Короче перепробовал все варианты переписи кода, которые приходили в голову, но ни один не помог. Подскажите, где ошибка? Или я чего ее не дописал.

Алексей1153
2.8.2010, 11:00

Может, оно и не оно, но одна ошибка (даже 3) точно есть: в твоём лирическом о. нет break после каждого case.

вот это тоже сильно смущает
QPainter painter(PageForGraphic);

обычно тут
QPainter painter(this);

Зачем окну рисовать в другом окне ?

QMainWindow
2.8.2010, 11:04

Эт по невнимательности. Исправил, но painter как не был активированным, так и не активирован. Странно, вот если написать QPainter painter(this);, то он все прекрасно рисует. Но только непосредственно в главном окне((

Алексей1153
2.8.2010, 11:13
Цитата(QMainWindow @ 2.8.2010, 14:04)

Странно, вот если написать QPainter painter(this);, то он все прекрасно рисует. Но только непосредственно в главном окне((

А ничего странного. Ты про ООП слышал когда-нибудь ? КАЖДОЕ окно само себя должно рисовать. А ты пытался сделать из одного. Каждая вкладка рисует сама себя. Каждый виджет на каждой вкладке — аналогично

QMainWindow
2.8.2010, 11:17
Ясно. И что тогда делать? Создать отдельный класс для моей PageForGraphic и уже в нем рисовать?
Алексей1153
2.8.2010, 12:05

QMainWindow, ну, начнём с того, что каждая вкладка у тебя — в общем случае отдельный класс. По крайней мере — разные экземпляры точно.
То есть, у тебя есть набор вкладок (которые ты можешь включить в ТАБ или не включать)

На каждой вкладке свои контролы. А контролам пофиг, где они лежат — они выполняют/отображают то, что должны

Qt как рисовать в отдельном окне

В связи с большим количеством однотипных вопросов от начинающих пользоваться QPainter , и людей, задающихся вопросом «Как нарисовать что-то своё на виджете», я распишу базовые понятия рисования.

Итак, начнём с главного правила — рисовать на виджете можно переопределив его метод paintEvent(QPaintEvent *).

Причина переопределения метода перерисовки в том, что код, выполняющийся в этой функции, будет запущен каждый раз, когда надо перерисовать внешний вид виджета. Перерисовка, на самом деле, требуется на так уж часто — когда изменяется геометрия виджета (например мы растянули окно, и вместе с ним растянулся наш виджет), когда виджет перекрывается/перестаёт_перекрываться/изменилось_перекрывание другими виджетами — вот основные причины для автоматического вызова перерисовки.

Кстати говоря, автоматического вызова перерисовки не всегда достаточно, но мы можем сами вызвать перерисовку, вызвав метод update() для виджета.

Подводя итог, можно сказать следующее: если мы хотим нарисовать что-то на виджете — нам надо создать свой собственный виджет, и переопределить его метод paintEvent(QPaintEvent *). После этого, мы создадим объект нашего класса.

1. Создаём наш виджет, который позволяет рисовать на себе:

#ifndef QPAINTWIDGET_H
#define QPAINTWIDGET_H

class QPaintWidget : public QWidget
<
Q_OBJECT
public :
QPaintWidget ( QWidget * parent = 0 );
protected :
void paintEvent ( QPaintEvent *);
>;

QPaintWidget :: QPaintWidget ( QWidget * parent ) : QWidget ( parent )
<
>

void QPaintWidget :: paintEvent ( QPaintEvent *) <
QPainter p ( this ); // Создаём новый объект рисовальщика
p. setPen ( QPen ( Qt :: red , 1 , Qt :: SolidLine )); // Настройки рисования
p. drawLine ( 0 , 0 , width (), height ()); // Рисование линии
>

QPainter p(this); — создаём новый объект рисовальщика. Рисовать мы можем, по идее, на любом QPaintDevice, указав указатель на объект унаследованный от QPaintDevice в качестве параметра для создающегося QPainter объекта. (Подробнее о классах, на которых можно рисовать — QtAssitant::QPaintDevice;) В нашем случае мы передаём указатель на наш виджет — this. После этого наш объект QPainter класса может совершенно спокойно рисовать.

p.setPen(QPen(Qt::red,1,Qt::SolidLine)); — настраиваем рисование. а точнее говорим, что рисовать надо красным цветом, сплошными линиями толщиной 1 пиксель.

p.drawLine(0,0,width(),height()); — рисуем линию из точки с координатами (0,0) (по умолчанию это верхний левый угол виджета, однако это можно изменить) в точку с координатами (width,height).

В результате, мы добъёмся того, что у нас на виджете всегда будет рисоваться диагональная красная линия.

2. Небольшое пояснение о системах координат:

По умолчанию виджет имеет систему координат с началом в верхнем левом углу (точка (0,0) ). Ось X направлена вправо, ось Y направлена вниз. Однако это всегда можно изменить функцией setWindow() — подробности в QtAssistant.

3. Осталось создать объект нашего класса.

Я создал стандартный проект с MainWindow окном. Потом положил на него вертикальный лейаут (но, разумеется, можно любой, и вообще — это просто для удобства всего лишь один способ разместить виджет на другом виджете) что бы в него помещать наш виджет.

Модифицированные строки выделены комментариями.

#ifndef MAINWINDOW_H
#define MAINWINDOW_H

//nash class
#include «qpaintwidget.h»

namespace Ui <
class MainWindow ;
>

class MainWindow : public QMainWindow <
Q_OBJECT
public :
MainWindow ( QWidget * parent = 0 );
~MainWindow ();

protected :
void changeEvent ( QEvent * e );

private :
Ui :: MainWindow * ui ;

// Указатель на объект нашего класса
QPaintWidget * wgt ;
>;

#include «mainwindow.h»
#include «ui_mainwindow.h»

MainWindow :: MainWindow ( QWidget * parent ) :
QMainWindow ( parent ),
ui ( new Ui :: MainWindow )
<
ui -> setupUi ( this );

// Создаем виджет
wgt = new QPaintWidget ( this );

// И кладём его в лайаут
ui -> verticalLayout -> addWidget ( wgt );
>

MainWindow :: ~MainWindow ()
<
// Подчищаем
wgt -> deleteLater ();
delete ui ;
>

void MainWindow :: changeEvent ( QEvent * e )
<
QMainWindow :: changeEvent ( e );
switch ( e -> type ()) <
case QEvent :: LanguageChange :
ui -> retranslateUi ( this );
break ;
default :
break ;
>
>

Что же происходит? Cоздаётся виджет QPaintWidget * wgt , его размером управляет лейаут. Как только произошло изменение размеров, у виджета вызывается метод paintEvent(QPaintEvent *), в котором мы на этом виджете рисуем диагональную линию красным цветом.

Разумеется, этого редко бывает достаточно. Если мы действительно хотим что-то рисовать на виджете (например, графики), то в ход идут немного другие алгоритмы.

5.1. В нашем виджете создаём QImage объект и пишем функции синхронизации размеров этого объкта с размерами виджета. Это будет наш, так называемый, Back Buffer — фоновый буффер для рисования.

5.2. Когда нам надо что-то нарисовать — мы рисуем именно на этой «картинке». Рисование может занимать долгое время, может короткое — мы можем вынести этот код в отдельный поток — это не проблема. Просто результатом потока будет объект QImage на котором будет нарисовано всё что надо (а пока будет расчитываться и рисоваться — мы будем сигналить процент прогресса).

5.3. При необходимости рисования мы один раз рисуем фоновый буфер на наш виджет (QImage объект на котором УЖЕ нарисовано всё что нам надо) методом QPainter::drawImage(. ) внутри функции paintEvent(QPaintEvent *). Тем самым мы добъёмся того, что бы отрисовка происходила плавно и не загружала основной поток.

Надеюсь, этот маленький HOWTO резко сократит количество вопросов по рисованию с QPainter.

Как поставить точку по клику мышкой на области QPixmap
Установка библиотеки технической графики Qwt в Linux (Ubuntu)
Установка библиотеки технической графики Qwt в Windows
Виджеты библиотеки Qwt в дизайнере форм
Qwt и Qt Creator. Быстро и просто. Часть 1: визуализатор данных
Короткий пример переопределения события QPaintEvent
Подробное объяснение рисования на виджете через QPaintEvent
Qt: как использовать стандартные иконки
Как добавить ломанную линию на QGraphicsScene
Стандартные наименования цветов в Qt
Как положить на QGraphicsScene виджет QWidget так, чтобы его фон был прозрачным

Рисование при помощи QPainter

Чтобы начать рисовать на устройстве рисования (обычно это виджет), мы просто создаем объект QPainter и передаем ему указатель на устройство. Например:

void MyWidget::paintEvent(QPaintEvent *event)

Мы можем рисовать различные фигуры, используя функции QPainter вида draw…(). На рис 8.1 приведены наиболее важные из них.

Рис. 8.1. Часто используемые функции draw…() рисовальщика QPainter.

Параметры настройки QPainter влияют на режим рисования. Некоторые из них устанавливаются на параметры настройки устройства, а другие инициализируются значениями по умолчанию. Тремя основными параметрами настройки рисовальщика являются перо, кисть и шрифт:

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

• Кисть представляет собой шаблон, который используется для заполнения геометрических фигур. Он обычно имеет цвет и стиль, но может также представлять собой текстуру (пиксельную карту, повторяющуюся бесконечно) или цветовой градиент.

• Шрифт используется для отображения текста. Шрифт имеет много атрибутов, в том числе название и размер.

Эти настройки можно в любое время модифицировать при помощи функций setPen(), setBrush() и setFont(), вызываемых для объектов QPen, QBrush или QFont.

Рис. 8.2. Стили окончания линий и стили соединения линий.

Рис. 8.3. Стили пера.

Рис. 8.4. Определенные в Qt стили кисти.

Рис. 8.5. Примеры геометрических фигур.

Давайте рассмотрим несколько примеров. Ниже приводится программный код для вычерчивания эллипса, показанного на рис. 8.5 (а):

painter.setPen(QPen(Qt::black, 12, Qt::DashDotLine, Qt::RoundCap));

painter.drawEllipse(80, 80, 400, 240);

Вызов setRenderHint() включает режим сглаживания линий, указывая QPainter на необходимость использования по краям цветов различной интенсивности, чтобы уменьшить визуальное искажение, которое обычно заметно, когда края фигуры представляются пикселями. В результате края воспринимаются более ровными на тех платформах и устройствах, которые поддерживают эту функцию.

Ниже приводится программный код для вычерчивания сектора эллипса, показанного на рис. 8.5 (б):

painter.setPen(QPen(Qt::black, 15, Qt::SolidLine, Qt::RoundCap, Qt::MiterJoin));

painter.drawPie(80, 80, 400, 240, 60 * 16, 270 * 16);

Два последних аргумента функции drawPie() задаются в шестнадцатых долях градуса.

Ниже приводится программный код для вычерчивания кривой Безье третьего порядка, показанной на рис. 8.5 (в):

path.cubicTo(200, 80, 320, 80, 480, 320);

Класс QPainterPath может определять произвольные фигуры векторной графики, соединяя друг с другом основные графические элементы: прямые линии, эллипсы, многоугольники, дуги, кривые Безье второго и третьего порядка и другие цепочки графических элементов рисовальщика (painter paths). Такие цепочки являются законченными элементарными рисунками в том смысле, что любая фигура или любая комбинация фигур может быть представлена в виде некоторой цепочки графических элементов.

Цепочка графических элементов определяет контур, а область внутри контура можно заполнить какой-нибудь кистью. В примере, представленном на рис. 8.5 (в), мы не задавали кисть, поэтому нарисован только контур.

В трех представленных выше примерах используются встроенные шаблоны кисти (Qt::SolidPattern, Qt::DiagCrossPattern и Qt::NoBrush). В современных приложениях градиентные заполнители являются популярной альтернативой однородным заполнителям. Цветовые градиенты основаны на интерполяции цветов, обеспечивающей сглаженные переходы между двумя или более цветами. Они часто применяются для получения эффекта трехмерности изображения, например стиль Plastique использует цветовые градиенты при воспроизведении кнопок QPushButton.

Qt поддерживает три типа цветовых градиентов: линейный, конический и радиальный. В примере таймера духовки, который приводится в следующем разделе, в одном виджете используется комбинация всех трех типов градиентов для того, чтобы изображение выглядело реалистически.

Рис. 8.6. Кисти QPainter с цветовыми градиентами.

• Линейные градиенты определяются двумя контрольными точками и рядом «цветовых отметок» на линии, соединяющей эти точки. Например, линейный градиент на рис. 8.6 создан при помощи следующего программного кода:

QLinearGradient gradient(50, 100, 300, 350);

Мы задали три цвета в трех разных позициях между двумя контрольными точками. Позиции представляются в виде чисел с плавающей точкой в диапазоне между 0 и 1, где 0 соответствует первой контрольной точке, а 1 — последней контрольной точке. Цвет между этими позициями интерполируется.

• Радиальные градиенты определяются центральной точкой (х_с, у_с), радиусом r и точкой фокуса (x_f, y_f), которая дополняет цветовые метки. Центральная точка и радиус определяют окружность. Изменение цвета распространяется во все стороны из точки фокуса, которая может совпадать с центральной точкой или может быть любой другой точкой внутри окружности.

• Конические градиенты определяются центральной точкой (х_с, у_с) и углом ?. Изменение цвета распространяется вокруг центральной точки подобно перемещению секундной стрелки часов.

До сих пор мы говорили о настройках пера, кисти и шрифта рисовальщика. QPainter имеет другие параметры настройки, влияющие на способ рисования фигур и текста:

• Кисть фона (background brush) используется для заполнения фона геометрических фигур (то есть под шаблоном кисти), текста или пиксельной карты, когда в качестве режима отображения фона задан Qt::OpaqueMode (непрозрачный режим) (по умолчанию используется режим Qt::TransparentMode — прозрачный).

• Исходная точка кисти (brush origin) задает точку начала отображения шаблона кисти, в качестве которой обычно используется точка верхнего левого угла виджета.

• Границы области рисования (clip region) определяют область рисования устройства. Операции рисования, которые выходят за пределы этой области, игнорируются.

• Область отображения, окно и универсальная матрица преобразования (viewport, window и world matfix) определяют способ перевода логических координат QPainter в физические координаты устройства рисования. По умолчанию системы логических и физических координат совпадают. Системы координат рассматриваются в следующем разделе.

• Режим композиции (composition mode) определяет способ взаимодействия новых выводимых пикселей с пикселями, уже присутствующими на устройстве рисования. По умолчанию используется режим «source over», при котором новые пиксели рисуются поверх существующих. Этот режим поддерживается только определенными устройствами, и он рассматривается позже в данной главе.

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

Qt как рисовать в отдельном окне

Вывод графиков в Qt

Qt как рисовать в отдельном окне

Qt как рисовать в отдельном окне

Рисование при помощи QPainter

Читайте также

Рисование простейших фигур

Рисование сложных фигур

Рисование простейших фигур

Рисование сложных фигур

Рисование скруглений

Рисование в InDesign

Рисование скруглений

Рисование

Рисование скруглений

Рисование плитки

6.6. Рисование примитивов

Рисование скруглений

Объектное рисование

Рисование таблицы

Рисование линий и фигур

Добавить комментарий Отменить ответ