Qt Coding

QTextDocument печать длинных таблиц

2019-10-24T13:05:00.001+05:00

Для Qt 4.8.5 или Qt 4.8.6.
Ох и наелся я с печатью длинных таблиц. Багов в 4.8 просто мильён.
Итак, есть длинная таблица в html. Мы подаем ее в QTextDocument через setHtml(). Затем печатаем
doc->print(printer);
1) Чтобы таблица повторяла на каждой странице заголовок нужно этот заголовок выделить тегом <thead>.
2) Это не должна быть вложенная таблица.
3) Забудьте про задний фон, не используйте bgcolor или background-color. Т.к. это чудо вполне может закрасить этим цветом шапку таблицы.
4) Не используйте valign=middle.

После этого таблица будет более менее корректно отображаться. Резать оно будет конечно от балды и возможно прям поперек слова. Но это лучше чем ничего.

QTreeView items spacing

2019-04-23T17:09:00.003+05:00

Как сделать отступ между элементами QTreeView?

Первый и простой способ - заюзать styleSheet.

my_tree_->setStyleSheet(".QTreeView::item{ margin: 0px 6px 6px 6px; border: 0;}");

Второй тру способ заюзать делегата.
my_tree_->setItemDelegate(new MyItemDelegate(this));

MyItemDelegate::MyItemDelegate(QObject * parent)
: QItemDelegate(parent)
{
}

QSize MyItemDelegate::sizeHint(const QStyleOptionViewItem & option, const QModelIndex & index) const
{
QSize sz = QItemDelegate::sizeHint(option, index);
sz.setHeight(sz.height() + 10);//накидываем 10 пикселей по 5 сверху и снизу
return sz;
}

void MyItemDelegate::paint(QPainter *painter, const QStyleOptionViewItem &option,
const QModelIndex &index) const
{
QStyleOptionViewItemV3 opt = option;
opt.rect.adjust(0, 0, -5, -5);//немножко уменьшаем размер item для отрисовки
QItemDelegate::paint(painter, opt, index);//рисуем
}
Вот таким нехитрым способом можно сделать отступы между элементами, мать их, убил на это полдня.
У QListView есть setSpacing, которого нет у QTreeView.

OpenSSL https

2019-04-02T23:55:00.001+05:00

Как добавить поддержку OpenSSL в собранную Qt.

1) Ставим OpenSSL в D:\OpenSSL.

2) configure -debug-and-release -mp -qt-zlib -qt-libjpeg -qt-libpng -opensource -platform win32-msvc2008 -openssl -I D:\OpenSSL\include -L D:\OpenSSL\lib

3) cd %QTDIR%:\src\network
4) qmake
5) nmake

В проекте:
QMAKE_LIBDIR += d:/OpenSSL/lib
LIBS += libeay32.lib ssleay32.lib crypt32.lib
INCLUDEPATH += D:/OpenSSL/include

Проверяем
#include <QSslConfiguration>
QSslConfiguration config = QSslConfiguration::defaultConfiguration();

Должно собраться.

HTTPS запрос.

QNetworkRequest request;

QSslConfiguration config = QSslConfiguration::defaultConfiguration();
config.setProtocol(QSsl::TlsV1);
request.setSslConfiguration(config);
request.setUrl(url);

QNetworkReply *netReply = netManager.get(request);

Postgres SQL

2019-04-02T17:43:00.001+05:00

Поддержка Postgres SQL.
1) Скачиваем бинари постгреса отсюда https://www.postgresql.org/download/
2) Копируем бинари на НЖМД например сюда D:\pgsql
3) Добавляем в PATH путь D:\pgsql\bin
4) Собираем плагин в Qt

Конфигурируем исходники и включаем нужный драйвер как plugin
configure.exe -I D:/pgsql/include -L D:/pgsql/lib -plugin-sql-psql
cd src\plugins\sqldrivers\psql
qmake
nmake

Проверяем, что в %QTDIR%\plugins\sqldrivers появились файлы qsqlpsql4.dll
qsqlpsqld4.dll

pro файл править не надо. Используем в проекте

db_ = QSqlDatabase::addDatabase("QPSQL");

db_.setHostName("host");

db_.setPort(5432);

db_.setDatabaseName("bisys");

db_.setUserName("postgres");

db_.setPassword("postgres");

db_.open();

MS Visual Studio и mocinclude.tmp

2019-02-10T12:42:00.000+05:00

Если в вашем проекте больше 40 путей include, которые описаны в INCLUDEPATH, то Qt создает временный файл mocinclude.tmp, в который включает все описанные пути.
Проблема в том, что студия не совсем корректно обрабатывает этот файл. Выражается это в том, что при каждой сборке студия начинает полностью пересобирать проект вместо того, чтобы пересобрать только измененные файлы.
Чтобы не допустить создания mocinclude.tmp надо изменить в Qt файл

d:\qt\mkspecs\features\moc.prf

изменив строчку
win32:count($$list($$INCLUDEPATH), 40, >) {

на

win32:count($$list($$INCLUDEPATH), 100, >) {

Таким образом мы просто увеличили количество путей с 40 до 100.

Qt Installer: удаление по маске

2019-02-06T11:40:00.003+05:00

Qt Installer не умеет удалять файлы по маске.
Нельзя просто так взять и написать

component.addOperation("Execute", "rm", "-f", "files*");

Это не сработает. Это обходится вызовом командного интерпретатора

Для Windows

component.addOperation("Execute", "cmd.exe", "/C", "del", "files*.*");

Для Linux

component.addOperation("Execute", "bash", "-c", "rm -f files*");

Последний параметр для Linux надо писать целиком, не разделяя на части. В этом случае Qt Installer при вызове обернет команду кавычками и результат будет как если бы вы вызвали команду

bash -c "rm -f files*"

Qt Installer: replace

2019-02-05T12:19:00.000+05:00

Qt Installer использует скриптовый язык ECMAScript (http://doc.qt.io/qt-5/ecmascript.html)
По структуре он схож с JavaScript, но полностью они не пересекаются.
Но решения можно искать и по JavaScript.
Например, функция replace меняет только первое вхождение в строку.
var str = "bla-bla-bla";
str.replace("bla", "vobla");
Получим vobla-bla-bla.
Чтобы заменить все вхождения, надо использовать регулярку.

str.replace(/bla/g, "vobla");

Qt Installer

2019-02-05T09:36:00.001+05:00

Снова по прокрутке большой БД

2016-04-21T14:23:00.003+05:00

Возвращаюсь к теме просмотра большой БД в виде одной большой таблицы QTableView.
Ранее я писал про извращения с наследником QTableView, теперь будем делать это каноничнее.
Итак, есть большая БД, на 100 килострок минимум. Какая БД неважно, FireBird, SQLite и т.п.

Первое, что надо сделать это определить модель.
class QueryModel : public QAbstractTableModel
и определить в ней rowCount(). rowCount() определяется так:
"SELECT COUNT(ID) FROM TABLE"

Затем в классе определяем экземпляр QSqlQuery query_, которому говорим SELECT * FROM TABLE, условно.

Далее определяем data()
QVariant QueryModel::data(const QModelIndex & index, int role) const
{
if (role == Qt::DisplayRole)
{
if (query_->seek(index.row()))
{
const QSqlRecord & rec = query_->record();

QVariant val = rec.value(index.column());

QString str = val.toString();

return str;

}

Всё. Этого достаточно чтобы иметь нормально прокручиваемую таблицу.

Небольшое дополнение, не нужно вызывать функции resizeColumnsToContents() и resizeRowsToContents(), это вызовет метод data() для всех строк и получите тормоза.

qmake: встроенные функции, часть 1

2015-01-14T16:05:00.001+05:00

http://blog.mgsxx.com/?p=1970

Порядок #include

2015-01-13T17:08:00.001+05:00

Правило подключения имхо очень простое, его не сложно запомнить и не сложно ему следовать:

в файле MyClass.cpp
#include <vector> (1) сначала подключаются файлы стандартной библиотеки
#include <boost/smart_ptr.hpp> (2) затем подключатся файлы 3rd-party библиотек, 
                                   объекты и функции которых Вы используете в
                                   своём коде
#include <MyInclude/Helpers.h> (3) свои внутренние заголовочные файлы
#include <MyClass.h> (3) свой заголовочный файл, реализацию для которого мы пишем

Тестовое задание в компанию IVIDEON

2014-09-10T11:12:00.000+06:00

Фонарь (тестовое задание)

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

Фонарь и сервер общаются по Протоколу Управления Фонарем, работающему поверх
соединения TCP.

Протокол Управления Фонарем (ПУФ) устроен следующим образом. Для изменения
состояния фонаря сервер передает ему команду управления. Все команды
кодируются в виде TLV (http://en.wikipedia.org/wiki/Type-length-value), при
этом поле type имеет размер 1 байт, поле length — 2 байта и поле value —
length байт. Все данные передаются по сети в Big Endian.

ПУФ версии 1 описывает три команды:
● ON (включить фонарь): type = 0x12, length = 0
● OFF (выключить фонарь): type = 0x13, length = 0
● COLOR (сменить цвет): type = 0x20, length = 3, value интерпретируется как
новый цвет фонаря в RGB.
Предполагается, что в будущих версиях ПУФ могут появляться новые команды,
однако структура TLV останется неизменной.

Реализация фонаря должна удовлетворять следующим требованиям:

1. При запуске фонарь должен запрашивать хост:порт (по умолчанию
127.0.0.1:9999), подсоединяться по TCP и после этого начать отрабатывать
протокол управления.

2. При получении данных от сервера фонарь собирает целые команды (type +
length + value) и, если type известен, обрабатывает команду, иначе молча ее
игнорирует.

3. При получении команды ON фонарь включается (отрисовку фонаря оставляем
на ваше усмотрение).

4. При получении команды OFF фонарь выключается.

5. При получении команды COLOR фонарь меняет цвет.

6. При завершении работы фонарь корректно закрывает соединение с сервером.

7. Реализация фонаря позволяет легко добавлять любые новые команды.

Проработанность обработки исключительных ситуаций (ошибки установления

соединения, обрывы соединения) — на ваше усмотрение.

Технологические требования:

1. Задание принимается в виде исходников, готовых к сборке в QtCreator или с
помощью Make-файлов под Linux.

2. Код должен быть написан по Qt Coding Style.

3. Репозиторий с кодом должен быть доступен на Bitbucket или Github.

QHuman DateEdit

2013-09-03T13:20:00.002+06:00

QHuman DateEdit

Альтернативный компонент Qt для ввода даты. Есть возможность ввода пустой или неполной даты.

Недостатки стандартного QDateEdıt
Стандартный QDateEdit не позволяет ввести неполную или пустую дату. Датой по умолчанию считается 1 января 2000 года. Нельзя очистить поле, там всегда будет 01.01.2000.

QHuman DateEdit

Компонент "Панель задач"

2013-07-02T11:21:00.001+06:00

Наткнулся на qt-apps.org на компонент для Qt "Панель задач" (Task Panel). Подобные панели используются в проводнике Windows. По крайней мере использовались в XP, в семерке такой панели уже существенно меньше. Но тем не менее, может пригодиться.

Лицензия LGPL, то есть, можно использовать в коммерческих приложениях.
Проблем с использованием не обнаружил, единственно, что не понравилось - закругления уголков, немного подрихтовал напильником, чтобы было без сглаживания уголков.
Возможности компонента:

Группировка задач по блокам.
Возможность добавить свой виджет в блок. Стандартное решение - это размещение ссылок в блоках.
Эффекты анимации при сворачивании/разворачивании блоков.
Возможность задать свою цветовую схему. По умолчанию предлагаются две стандартные схемы в стиле Windows XP.

Простой пример использования.

  // Создание панели задач
iisTaskPanel * panel = new iisTaskPanel(this);
  // Установка схемы по умолчанию, обычно это голубенькая схема
panel->setScheme(iisWinXPTaskPanelScheme::defaultScheme());
  // Создание блока на панели
iisTaskBox * tbProgram = new iisTaskBox(QPixmap(), tr("Program"), true, this);
  // Создание ссылки в блоке
iisIconLabel * lblHelp = new iisIconLabel(QPixmap(), tr("Help"), tbProgram);
  // Связывание со слотом
connect(lblHelp, SIGNAL(activated()), this, SLOT(help()));
  // Добавление в блок
tbProgram->addIconLabel(lblHelp);

  // Еще одна ссылка
iisIconLabel * lblLogout = new iisIconLabel(QPixmap(), tr("Logout"), tbProgram);
connect(lblLogout, SIGNAL(activated()), this, SLOT(unlogin()));
tbProgram->addIconLabel(lblLogout);

  // Установка схемы для блока
tbProgram->setScheme(iisWinXPTaskPanelScheme2::defaultScheme());

  // Еще один блок
iisTaskBox * tbBlock = new iisTaskBox(QPixmap(), tr("Block 2"), true, this);

  // Добавляем блоки на панель
panel->addWidget(tbProgram);
panel->addWidget(tbBlock);

К слову сказать, этот компонент - часть коллекции виджетов QSint от http://sintegrial.com.
Сама коллекция доступна по адресу http://sintegrial.com/qsint

Глобальный перехват событий

2013-02-06T17:22:00.000+06:00

Если нужно поставить глобальный обработчик на все события то нужно переопределить метод

virtual bool notify ( QObject * receiver, QEvent * e )

класса QApplication.
Например, если мы хотим перехватить все перемещения мышки, то нам поможет такой класс


class MyApp : public QApplication
{
public:
   MyApp(int & argc, char ** argv) : QApplication(argc, argv) {}
   
   virtual bool notify(QObject * receiver, QEvent * e)
   {
      if (e->type() == QEvent::MouseMove)
      {
         //обрабатываем событие
      }
      return QApplication::notify(receiver, e);
   }
};

Отключить системную кнопку close

2013-02-04T17:35:00.001+06:00

Отключить системную кнопку Close у окна можно установив окну флаги:

setWindowFlags(Qt::Window
| Qt::WindowMinimizeButtonHint
| Qt::WindowMaximizeButtonHint
| Qt::CustomizeWindowHint);

Подключаем интерфейс в стиле Microsoft Ribbon

2012-12-29T10:24:00.000+06:00

Впервые Microsoft анонсировала интерфейс Ribbon (что переводится как "лента") в 2007 году в новом выпуске MS Office. Новый интерфейс разительно отличался от привычных меню и тулбаров и не всем пришелся по вкусу.

У многих пользователей были трудности при переобучении, но с тех пор прошло уже много лет и пользователи как-то попривыкли к ленточному интерфейсу. Microsoft продолжает использовать риббоны в своих продуктах, в Windows 7, например, почти все стандартные приложения (MS Paint, WordPad) имеют интерфейс Ribbon.

Поэтому, чтобы быть в тренде, нужно использовать такой интерфейс в своих приложениях под Windows. Это сразу возвышает ваш программный продукт в глазах пользователей, т.к. сразу видно, что вы движетесь вперед, а не топчетесь на одном месте.

Для программистов на Qt/C++ существует готовое решение, которое называется Qtitan Ribbon devmachines.ru.

Сегодня мы будем подключать Qtitan Ribbon к нашему тестовому приложению на Qt.

Первым делом скачиваем SDK Qtitan Ribbon.

Доступны варианты для использования в MS Visual Studio 2008, 2010, QtCreator.

Устанавливаем скачанный пакет. Например, в каталог d:\Qtitan.

Прописываем переменные среды. Добавляем переменную QTITANDIR, и в переменную PATH добавляем путь до бинарников.

Пакет Qtitan Ribbon поставляется с демо-примерами. Помимо примеров с риббонами, в каталоге demos можно найти примеры:

Классический интерфейс с меню и тулбарами в стилизованном оформлении.
Стилизованное всплывающее окно, которое всплывает над треем. Подобное окошко можно увидеть у антивирусов.
Виджеты для боковых панелей, таких как окно свойств некого объекта. Всё это тоже имеет различное стилизованное оформление а-ля Office 2007.

В качестве примера, создадим текстовый редактор а-ля WordPad с интерфейсом Microsoft Ribbon.

Создадим простой файл проекта ribbon.pro.

Показать код

Далее создадим главное окно, класс MainWindow. Чтобы главное окно приобрело ленточный интерфейс оно должно быть унаследовано от класса Qtitan::RibbonMainWindow.

#include <QtitanRibbon.h>

class MainWindow : public Qtitan::RibbonMainWindow
{
Q_OBJECT
public:
MainWindow(QWidget* parent = 0);
virtual ~MainWindow();
};

Чтобы запустить пример вам следует в свойствах проекта назначить рабочий каталог на папку bin и положить в bin файлы:
qtnribbon2.dll
QtCore4.dll
QtGui4.dll
QtScript4.dll
QtSql4.dll
QtXml4.dll

Впрочем, если у вас установлена Qt той же версии, что и библиотеки из дистрибутива Qtitan (у меня это 4.8.1), то вам не понадобятся библиотеки с префиксом Qt*.dll.
Если же вы будете использовать коммерческую лицензию на Qtitan Ribbon, то вы сможете собрать библиотеку qtnribbon2 из исходников с той версией Qt, которая вам необходима.

Чтобы подключить к приложению стиль Ribbon нужно установить объекту QApplication стиль "ribbonstyle".

QApplication a(argc, argv);
a.setStyle("ribbonstyle");

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

Ниже, в спойлере, приведен код, создающий этот интерфейс.

Показать код

MainWindow::MainWindow(QWidget * parent)
: Qtitan::RibbonMainWindow(parent)
{
setWindowTitle(tr("Qtitan Ribbon"));
setCentralWidget(new QWidget(this));
createRibbon();
setWindowState(Qt::WindowMaximized);
}

void MainWindow::createRibbon()
{
// Main Page
if (Qtitan::RibbonPage* pageButtons =
         ribbonBar()->addPage(tr("&Main")))
{
     // Clipboard Group
     Qtitan::RibbonGroup* groupClipboard =
         pageButtons->addGroup(tr("&Clipboard"));
     if (groupClipboard)
     {
         groupClipboard->setOptionButtonVisible();

         QAction* action = groupClipboard->addAction(
            QIcon(":/images/copy.png"),
            tr("&Copy"), Qt::ToolButtonTextUnderIcon);
         connect(action, SIGNAL(triggered()), this, SLOT(pressButton()));

         action = groupClipboard->addAction(QIcon(":/images/paste.png"),
            tr("&Paste"), Qt::ToolButtonTextUnderIcon);
         connect(action, SIGNAL(triggered()), this, SLOT(pressButton()));

         action = groupClipboard->addAction(QIcon(":/images/cut.png"),
            tr("C&ut"), Qt::ToolButtonTextUnderIcon);
         connect(action, SIGNAL(triggered()), this, SLOT(pressButton()));
     }
     // Font Group
     Qtitan::RibbonGroup* groupFont =
         pageButtons->addGroup(tr("&Font"));
     if (groupFont)
     {
         groupFont->setOptionButtonVisible();

         QFontComboBox* comboFont = new QFontComboBox(groupFont);
         comboFont->setToolTip(tr("Font"));
         comboFont->setFontFilters(QFontComboBox::MonospacedFonts);
         comboFont->setEditText(tr(""));
         comboFont->setMinimumWidth(150);
         comboFont->setMaximumWidth(150);
         groupFont->addWidget(QIcon(), tr("Font:"), comboFont);

         QSpinBox * spinSize = new QSpinBox(groupFont);
         spinSize->setToolTip(tr("Font Size"));
         spinSize->setMinimum(8);
         spinSize->setMaximum(48);
         spinSize->setMinimumWidth(150);
         groupFont->addWidget(QIcon(), tr("Font Size:"), true, spinSize);

     }
}
}

Теперь добавим главную иконку приложения, по нажатию на которую будет открываться меню.

Код в спойлере.

Показать код

void MainWindow::createMenuFile()
{
QIcon iconLogo;
iconLogo.addPixmap(QPixmap(":/shared/res/qtitan.png"));
iconLogo.addPixmap(QPixmap(":/shared/res/qtitanlogo32x32.png"));
if (QAction* actionFile = ribbonBar()->addSystemButton(
     iconLogo, tr("&File")))
{
     actionFile->setToolTip(tr("Click here to see everything<br />"
         "you can do with your<br />document"));

     if (Qtitan::RibbonSystemPopupBar* popupBar =
         qobject_cast<Qtitan::RibbonSystemPopupBar*>(actionFile->menu()))
     {
         QAction* newFile = popupBar->addAction(
            QIcon(":/images/new.png"), tr("&New"));
         newFile->setShortcut(tr("Ctrl+N"));
         newFile->setStatusTip(tr("Create a new document"));
         newFile->setToolTip(tr("New"));
         newFile->setEnabled(false);

         QAction* openFile = popupBar->addAction(
            QIcon(":/images/open.png"), tr("&Open..."));
         openFile->setShortcut(tr("Ctrl+O"));
         openFile->setToolTip(tr("Open"));
         openFile->setStatusTip(tr("Open an existing document"));
         connect(openFile, SIGNAL(triggered()), this, SLOT(open()));

         QAction* saveFile = popupBar->addAction(
         QIcon(":/images/save.png"), tr("&Save"));
         saveFile->setShortcut(tr("Ctrl+S"));
         saveFile->setToolTip(tr("Save"));
         saveFile->setStatusTip(tr("Save the active document"));
         connect(saveFile, SIGNAL(triggered()), this, SLOT(save()));

         QAction* saveAsFile = popupBar->addAction(tr("Save &As..."));
         saveAsFile->setToolTip(tr("Save As"));
         saveAsFile->setStatusTip(tr("Save the active document "
            "with a new name"));
         connect(saveAsFile, SIGNAL(triggered()), this, SLOT(save()));

         popupBar->addSeparator();
         QIcon iconClose;
         iconClose.addPixmap(QPixmap(":/images/close.png"));
         QAction* actClose = popupBar->addAction(iconClose, tr("&Close"));
         actClose->setShortcut(tr("Ctrl+C"));
         actClose->setStatusTip(tr("Exit"));
         connect(actClose, SIGNAL(triggered()), this, SLOT(close()));
         popupBar->addPopupBarAction(actClose, Qt::ToolButtonTextBesideIcon);

         QAction* option = new QAction(QPixmap(":/images/smalloption.png"),
            tr("Opt&ion"), this);
         popupBar->addPopupBarAction(option, Qt::ToolButtonTextBesideIcon);
         option->setEnabled(false);

         if (RibbonPageSystemRecentFileList* pageRecentFile =
            popupBar->addPageRecentFile(tr("Recent Documents")))
         {
            pageRecentFile->setSize(9);
            connect(pageRecentFile,
              SIGNAL(openRecentFile(const QString&)),
              this, SLOT(openRecentFile(const QString&)));
            connect(this,
              SIGNAL(updateRecentFileActions(const QStringList&)),
              pageRecentFile,
              SLOT(updateRecentFileActions(const QStringList&)));
         }
     }
}
}

Напоследок создадим панель быстрого доступа к функциям основного меню.

Показать код

В качестве редактора можно использовать компонент QTextEdit, который мы устанавливаем в качестве центрального виджета.

setCentralWidget(new QTextEdit(this));

При желании, также можно добавить панель состояния в стиле Ribbon, и дополнительную панель справа.

А чтобы заменить стандартный заголовок окна на заголовок в стиле Ribbon достаточно активировать параметр
ribbonBar()->setFrameThemeEnabled();

При этом заголовок окна будет выровнен по центру и расположен на одном уровне с панелью быстрого доступа.

Интеграция роликов Adobe Flash/Flex в Qt приложение

2012-11-17T15:16:00.000+06:00

Комплект компонентов под общим названием Qtitan Multimedia позволяет разработчикам тесно интегрировать в разрабатываемое Qt приложение такие мультимедийные компоненты, как ролики Adobe Flash, Microsoft Silverlight или документы Adobe Reader.

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

Что будет представлять из себя наш пример на этот раз. Мы построим интерфейс пользователя полностью на Flash, а результаты работы пользователя с интерфейсом будем передавать в Qt приложение. Второй частью нашего примера станет обратная задача - из Qt приложения мы передадим данные во Flash ролик.

Создание примера

Что нам понадобится для создания примера интеграции Flash ролика в Qt приложение:

Нам понадобится редактор Adobe Flash для создания нашего ролика. Мы воспользуемся продуктом Adobe Flash Builder, триальную версию которого можно скачать здесь: http://www.adobe.com/products/flashbuilder/

Для создания Qt приложения нам понадобится Visual Studio C++ 2008 SP1 и собранный ей Qt фреймворк не ниже версии 4.6.х.

Конечно же, компоненты Qtitan Multimedia, берем их здесь: http://www.devmachines.com

Создаем Flash ролик

Adobe Flash Builder предоставляет нам возможность создавать Flash приложения используя технологию Flex. Flex — это большой набор классов (Flex SDK), содержащий многие не вошедшие во Flash компоненты. “Фишкой” Flex является декларативный язык описания интерфейсов MXML, по структуре похожий на XML. Если сравнивать с технологией Microsoft Silverlight, то мы увидим, что MXML схож по своему назначению с языком XAML в Silverlight. С XAML мы работали в прошлый раз, теперь предстоит работа с MXML.

Итак, Adobe Flash Builder скачан и установлен, самое время начать.

Создадим новый проект в Adobe Flash Builder используя меню File -> New -> Flex Project.

В явившемся окне зададим имя проекта: FlashForm и укажем путь для сохранения проекта. На этом настройки проекта можно закончить и нажать кнопку Finish.

В результате мы получим проект, готовый к работе. Слева, в окне Package Explorer, располагается дерево проекта, чуть ниже, в окне Components, располагаются доступные элементы интерфейса, а в центре - рабочая область, на которой, собственно, и будет создаваться Rich Internet Application.

Создавать интерфейс очень просто - перетаскиваем элементы с вкладки Components на рабочую область и выравниваем как нужно.

Набросаем примерно вот такой интерфейс:

Здесь мы применили к нашему приложению стиль Zen.

Компоненты на форме имеют следующие имена (ID):

Переключатели (RadioButton): “mr” и “ms”
Поля ввода (TextInput): “txtFirstName”, “txtLastName”, “txtEmail”, txtLastName
Область текста (TextArea): txtComments
Кнопка (Button): “btnSubmit”

Следующим шагом будет написание обработчика кнопки (Click Handler). Выделяем кнопку в дизайнере и во вкладке Properties в поле On Click выбираем пункт Generate Event Handler.

Напишем следующий обработчик нажатия кнопки:

protected function btnSubmit_clickHandler(event:MouseEvent):void

{

var mrMs:String;

if (mr.selected == true)

mrMs = "Mr.";

if (ms.selected == true)

mrMs = "Ms.";

var fn:String = txtFirstName.text;

var ln:String = txtLastName.text;

var em:String = txtEmail.text;

var cm:String = txtComments.text;

ExternalInterface.call("Submit", mrMs, fn, ln, em, cm);

}

Здесь мы собираем данные со всех полей ввода и передаем их функции call объекта ExternalInterface. Первым параметром функции call идет имя функции JavaScript’a “Submit”, затем передаются аргументы функции. Функцию “Submit” на самом деле будет изображать наше Qt приложение, но для Flash все выглядит как работа с обычными функциями JavaScript.

Класс ExternalInterface используется для связи ролика с контейнером Flash Player’а, например, с веб-страницей, а в нашем случае с плагином Qtitan.

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

Откроем исходный код ролика и добавим функцию в секцию CDATA.

private function init():void

{

ExternalInterface.addCallback("Submit", submit);

}

Здесь мы ставим функцию обратной связи на внешний контейнер, что позволит нам вызывать эту функцию из Qt приложения.

Напишем саму callback-функцию.

private function submit(arg1:String, arg2:String, arg3:String, arg4:String, arg5:String):void

{

if (arg1 == "Mr.")

mr.selected = true;

else

ms.selected = true;

txtFirstName.text = arg2;

txtLastName.text = arg3;

txtEmail.text = arg4;

txtComments.text = arg5;

}

Эта функция принимает 5 аргументов и заполняем ими поля ввода Flash-ролика.

Для того, чтобы callback установился при загрузке Flash-ролика, мы должны прописать его в секции xmlns:mx.

xmlns:mx="library://ns.adobe.com/flex/mx" creationComplete="init();"

Таким образом, при загрузке ролика Flash Player вызовет функцию init(), что повлечет установку нужного нам callback’a.

На этом работу с Flash можно считать законченной, поэтому мы экспортируем результат нашей работы и перейдем к созданию Qt-приложения и интеграции в него Flash-ролика.

Экспорт из Adobe Flash Builder осуществляется через меню Project -> Export Release Build ...

Создание Qt-приложения

Начнем создание проекта с написания файла проекта:

TEMPLATE = app

DESTDIR = bin

HEADERS = mainwindow.h

SOURCES = main.cpp \

mainwindow.cpp

RESOURCES = flash.qrc

include($$(QTITANDIR)/src/shared/shared.pri)

Наш ролик с именем FlashForm.swf добавим в файл ресурсов:

<!DOCTYPE RCC><RCC version="1.0">

<file>res/FlashForm.swf</file>

</qresource>

</RCC>

Выполним команду qmake -tp vc, чтобы получить .vcproj файл для Visual Studio.

Откроем проект и откроем файл mainwindow.h. Определим класс MainWindow:

class MainWindow : public QMainWindow

{

Q_OBJECT

public:

MainWindow(QWidget *parent = 0);

static QScriptValue submitFromFlash(QScriptContext *, QScriptEngine *);

protected slots:

void submit();

void getUrl(NPluginStreamArgs& args);

protected:

Qtitan::FlashPlayer * m_flashPlayer;

QWidget * makeWidget();

};

В этом классе у нас определена статическая функция submitFromFlash для получения данных из Flash ролика. Определен слот submit(), который будет пересылать данные из Qt-приложения во Flash ролик. Слот getUrl нужен для организации взаимодействия с роликом.

Посмотрим на код конструктора класса:

MainWindow::MainWindow(QWidget *parent)

: QMainWindow(parent)

{

setWindowTitle("Flash Qt Exchanger");

// Создаем Flash Player

m_flashPlayer = new Qtitan::FlashPlayer();

m_flashPlayer->setSource(":/res/FlashForm.swf");

connect(m_flashPlayer, SIGNAL(getUrl(NPluginStreamArgs&)),

this, SLOT(getUrl(NPluginStreamArgs&)));

m_flashPlayer->setMinimumSize(450, 300);

// Регистрируем функцию

m_flashPlayer->registrScriptableFunction("Submit", SubmitFromFlash);

// Создаем центральный объект

QTabWidget * widget = new QTabWidget(this);

setCentralWidget(widget);

// Добавляем FlashForm

widget->addTab(m_flashPlayer, "Flash App");

// Добавляем Qt форму

widget->addTab(makeWidget(), "Qt App");

// Активируем ролик

m_flashPlayer->setActive(true);

// Проверяем результат активации

if (!m_flashPlayer->isActive())

{

// Если ролик неактивен собщаем об этом

QMessageBox::about(this, tr("Adobe Flash Demo"),

tr("The <b>Adobe Flash</b> is not installed at your PC."));

}

Здесь мы загружаем Flash ролик аналогично как мы делали это с Silverlight, регистрируем функцию Submit, для получения данных из ролика, и формируем пользовательский интерфейс.

Пользовательский интерфейс представляет собой QTabWidget - в одной из вкладок располагается Flash-приложение, в другой - Qt-приложение.

Qt-приложение полностью аналогично созданному нами во Flash.

Создает этот интерфейс функция makeWidget() класса MainWindow:

QWidget * MainWindow::makeWidget()

{

//Создаем центральный виджет

QWidget * widget = new QWidget(this);

QGridLayout * gLayout = new QGridLayout;

gLayout->setContentsMargins(32, 16, 32, 32);

widget->setLayout(gLayout);

//Создаем компоненты

QLabel * lbl = new QLabel("<h2>Personal Information</h2>", this);

QLabel * lblFirstName = new QLabel("First Name", this);

QLabel * lblLastName = new QLabel("Last Name", this);

QLabel * lblEmail = new QLabel("Email", this);

QLabel * lblComments = new QLabel("Comments", this);

mr = new QRadioButton("Mr.", widget);

ms = new QRadioButton("Ms.", widget);

txtFirstName = new QLineEdit(widget);

txtLastName = new QLineEdit(widget);

txtEmail = new QLineEdit(widget);

txtComments = new QTextEdit(widget);

//Создаем управляющую кнопку

QPushButton * btn = new QPushButton("Submit", widget);

connect(btn, SIGNAL(clicked()), this, SLOT(submit()));

//Размещаем их в GridLayout

gLayout->addWidget(lbl, 0, 0, 1, 2);

gLayout->addWidget(mr, 1, 0);

gLayout->addWidget(ms, 1, 1);

gLayout->addWidget(lblFirstName, 2, 0);

gLayout->addWidget(txtFirstName, 2, 1);

gLayout->addWidget(lblLastName, 3, 0);

gLayout->addWidget(txtLastName, 3, 1);

gLayout->addWidget(lblEmail, 4, 0);

gLayout->addWidget(txtEmail, 4, 1);

gLayout->addWidget(lblComments, 5, 0);

gLayout->addWidget(txtComments, 5, 1);

gLayout->addWidget(btn, 6, 1, Qt::AlignRight);

return widget;

}

Код функции, которая принимает значения из Flash-ролика и устанавливает значения в поля ввода, приведен ниже:

QScriptValue MainWindow::submitFromFlash(QScriptContext* context, QScriptEngine *)

{

int count = context->argumentCount();

if (count == 5)

{

QString mrMs = context->argument(0).toString();

QString firstName = context->argument(1).toString();

QString lastName = context->argument(2).toString();

QString email = context->argument(3).toString();

QString cmnts = context->argument(4).toString();

if (mrMs.contains("Mr"))

mr->setChecked(true);

else

ms->setChecked(true);

txtFirstName ->setText(firstName);

txtLastName ->setText(lastName);

txtEmail ->setText(email);

txtComments ->setText(cmnts);

}

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

static QRadioButton * mr;

static QRadioButton * ms;

static QLineEdit * txtFirstName;

static QLineEdit * txtLastName;

static QLineEdit * txtEmail;

static QTextEdit * txtComments;

Ниже приведен код функции, которая передает значения из владки Qt app и передает их Flash- ролику.

void MainWindow::submit()

{

// Получаем доступ к функциям ролика

QScriptValue flashObject = m_flashPlayer->pluginScriptValue();

// Получаем доступ к функции submit

QScriptValue func = flashObject.property("Submit");

// Заполняем список аргументов

QScriptValueList args;

QString mrMs = mr->isChecked() ? "Mr." : "Ms.";

QString firstName = txtFirstName->text();

QString lastName = txtLastName->text();

QString email = txtEmail->text();

QString cmnts = txtComments->toPlainText();

args << mrMs << firstName << lastName << email << cmnts;

func.call(flashObject, args);

}

Осталось только написать код слота getUrl:

void MainWindow::getUrl(NPluginStreamArgs& args)

{

QFile* data = new QFile(":/res/FlashForm.swf");

data->open(QIODevice::ReadOnly);

args.setIODevice(data);

}

Теперь мы получили передачу данных с вкладки Flash App во вкладку Qt App и наоборот.

Заключение

Что в итоге? Мы увидели, что встроить Flash-приложение в Qt оказалось даже еще проще, чем ролик Silverlight. Со стороны Qt-приложения практически ничего не поменялось, мы только сменили тип объекта с Qtitan::Silverlight на Qtitan::FlashPlayer. Поэтому вы можете разрабатывать интерактивные ролики там где вам удобнее, Microsoft Silverlight или же Adobe Flash - для Qtitan Multimedia разницы нет.

Интеграция Silverlight в Qt приложения (пример использования)

2012-10-25T14:29:00.002+06:00

В прошлой статье об интеграции Silverlight роликов в приложения на Qt, я описал библиотеку Qtitan Multimedia, с помощью которая оная интеграция и выполняется.
Ниже я приведу практический пример использования библиотеки Qtitan Multimedia.
Пример использования
В качестве примера создадим интерактивный баннер на Silverlight и подружим его с Qt приложением. Из приложения мы будем передавать наше имя в Silverlight и оно будет в нем использоваться. А в ролике мы предоставим возможность пользователю проголосовать за любимую технологию и передадим результаты голосования в приложение.

Для этого нам понадобятся:

Microsoft Visual Studio с установленным пакетом Silverlight Tools.
Qt последней версии. Можно использовать бесплатную OpenSource версию, собранную в debug и release версиях.
Qtitan Multimedia. Можно использовать демо версию, которую можно скачать с сайта http://devmachines.com

Рекомендуемый порядок установки:

Устанавливаем Microsoft Visual Studio.

Устанавливаем Silverlight Tools.

Скачиваем и собираем Qt с помощью компилятора nmake от Visual Studio.

Скачиваем и устанавливаем Qtitan. Устанавливать демо желательно в папку без пробелов, т.е. не в Program Files, а, например, в c:\qtitan.

Естественно, если у вас уже есть VS и собранная под нее Qt, то вам достаточно установить Silverlight Tools и Qtitan.

Создаем Silverlight ролик
Запускаем Microsoft Visual Web Developer 2008. Создадим новый проект через меню File->New Project... В диалоге New Project в списке Project types выберем Visual C# -> Silverlight.

Пример для VS 2008

Следующим шагом нас спросят, создавать ли тестовое приложение ASP.NET, в которое будет встраиваться ролик. Ответим положительно. Visual Studio будет создавать локальный веб-сервер на localhost, размещать на нем страничку со встроенным роликом так, что мы сразу сможем увидеть все сделанные изменения.
Итак, у нас в солюшене два проекта, собственно сам ролик и тестовое приложение.

В центральной части проекта у нас окно, разделенное на две части - вид нашего ролика и его XAML код. Создание Silverlight ролика заключается в правке XML-подобного XAML кода.
Давайте отредактируем код XAML. Изменим фон страницы на градиентный - от желтого к красному. Для этого внутрь тега вставим следующий код:

<Grid x:Name="LayoutRoot">
   <Grid.Background>
     <LinearGradientBrush>
       <LinearGradientBrush.GradientStops>
         <GradientStop Offset="0" Color="Yellow" />
         <GradientStop Offset="1" Color="Red"/>
       </LinearGradientBrush.GradientStops>
     </LinearGradientBrush>
   </Grid.Background>
</Grid>

И удалим свойство Background="White", задающее белый цвет для фона страницы. Теперь наша страница имеет градиентную заливку, от жёлтого к красному, в качестве фона. Также мы зададим стандартный размер баннера 468 на 60 в теге UserControl.
Теперь вставим надпись, в которой будет отображаться имя пользователя, которое он нам сообщит из Qt приложения.
Справа разместим пару элементов управления Radio Button для голосования за любимую технологию.

Цель нашего баннера проста: поздороваться с пользователем и дать возможность проголосовать за любимую технологию. Выбор технологии будет отправлен в Qt приложение.
Ниже приведен полный XAML код нашего баннера.

<UserControl x:Class="Banner.Page"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Width="468" Height="60">
<Grid x:Name="LayoutRoot">
   <Grid.Background>
     <LinearGradientBrush>
       <LinearGradientBrush.GradientStops>
         <GradientStop Offset="0" Color="Yellow" />
         <GradientStop Offset="1" Color="Red"/>
       </LinearGradientBrush.GradientStops>
     </LinearGradientBrush>
   </Grid.Background>
   <Grid.RowDefinitions>
     <RowDefinition Height = "25" />
     <RowDefinition Height = "15" />
     <RowDefinition Height = "20"/>
   </Grid.RowDefinitions>
   <Grid.ColumnDefinitions>
     <ColumnDefinition Width="150" />
     <ColumnDefinition Width="350"/>
   </Grid.ColumnDefinitions>
   <TextBlock Width="100"
         Height="20"
         Text="Hello,"
         Grid.Row="1" />
   <TextBlock x:Name="textName"
         Width="100"
         Height="30"
         Text="UserName"
         Grid.Row="2" />
   <TextBlock Text="Please vote for your favorite technology"
      Grid.Row="0"
         Grid.Column="1" />
   <RadioButton x:Name="radFlash"
          Content="Adobe Flash"
       Grid.Row="1" Grid.Column="1" />
   <RadioButton x:Name="radSilverlight"
          Content="Microsoft Silverlight" Grid.Row="2" Grid.Column="1" />
</Grid>
</UserControl>

В этом коде мы добавляем сетку (Grid), размечаем ее и вставляем элементы управления.
Откомпилируем данный код нажав F5. В итоге будет создан файл banner.xap, который и есть наш Silverlight ролик. Размер его меньше 5 Кб. Позже мы поместим этот файл в ресурсы нашего Qt приложения.

Создаем Qt приложение
Начнем новый проект Banner. Создадим отдельную папку под проект и поместим в нее файл banner.pro:

TEMPLATE = app
CONFIG += msvc2008
QTITANDIR = $$(QTITANDIR)
include($$QTITANDIR/src/shared/shared.pri)
DESTDIR = $$QTITANDIR/lib
DLLDESTDIR = $$QTITANDIR/bin

CONFIG(msvc2008):DESTDIR = $$member(DESTDIR, 0)_msvc2008
CONFIG(msvc2008):DLLDESTDIR = $$member(DLLDESTDIR, 0)_msvc2008

HEADERS = mainwindow.h
SOURCES = main.cpp \
mainwindow.cpp
RESOURCES = banner.qrc

Проект составлен на основе примера, поставляемого с Qtitan. Вы можете найти примеры в папке Qtitan/demos/media. В данном случае мы используем пример hellosilverlight за основу нашего проекта.
Добавим наш Silverlight ролик banner.xap в качестве ресурса приложения.
Для этого в папке проекта создадим папку res и поместим в нее файл banner.xap. В папке проекта создадим файл banner.qrc:

<!DOCTYPE RCC><RCC version="1.0">
<qresource>
<file>res/banner.xap</file>
</qresource>
</RCC>

Добавим в папку проекта файл main.cpp:

#include <QApplication>
#include "mainwindow.h"

int main(int argc, char *argv[])
{
QApplication app(argc, argv);
MainWindow window;
window.show();
return app.exec();
}

Это стандартный файл main.cpp, создающий экземпляр QApplication и вызывающий главное окно MainWindow приложения.
Теперь напишем файлы mainwindow.h и mainwindow.cpp.
В файл mainwindow.h подключим файл QtitanMM.h:
#include <QtitanMM.h>
И добавим указатель на Qtitan::Silverlight в защищенную часть класса MainWindow. Заготовка класса MainWindow пока выглядит так (файл mainwindow.h):

#ifndef MAINWINDOW_H
#define MAINWINDOW_H

#include <QMainWindow>
#include <QLineEdit>
#include <QtitanMM.h>

class MainWindow : public QMainWindow
{
Q_OBJECT
public:
MainWindow(QWidget *parent = 0);
protected slots:
void clickButton();
void getUrl(NPluginStreamParameters& parameters);
protected:
Qtitan::Silverlight * silverlight_;
QLineEdit * edtName_;
};
#endif //MAINWINDOW_H

Начальная реализация класса (файл mainwindow.cpp):

#include <QtGui>
#include "mainwindow.h"

MainWindow::MainWindow(QWidget *parent)
: QMainWindow(parent)
{
// Центральный объект
QWidget * widget = new QWidget(this);
QVBoxLayout * vLayout = new QVBoxLayout;
widget->setLayout(vLayout);
setCentralWidget(widget);

// Создаем виджет для ролика
silverlight_ = new Qtitan::Silverlight(widget);
// Устанавливаем размер
silverlight_->setMinimumSize(468, 60);
silverlight_->setSource("banner.xap");
// Задаем соединение с роликом
connect(silverlight_, SIGNAL(getUrl(NPluginStreamParameters&)),
   this, SLOT(getUrl(NPluginStreamParameters&)));
// Активируем ролик
silverlight_->setActive(true);
// Проверяем результат активации
if (!silverlight_->isActive())
{
  // Если ролик неактивен собщаем об этом
  QMessageBox::about(this, tr("Hello, Silverlight!"),
tr("The Microsoft Silverlight is not installed at your PC."));
}
// Дополнительные элементы управления
QLabel   * lblName = new QLabel("Name: ", this);
edtName_ = new QLineEdit(this);
QPushButton * btnName = new QPushButton("Name", this);
btnName->setMaximumWidth(120);

// Компонуем объекты
QHBoxLayout * hLayout = new QHBoxLayout;
hLayout->addWidget(lblName);
hLayout->addWidget(edtName_);

vLayout->addWidget(silverlight_);
vLayout->addLayout(hLayout);
vLayout->addWidget(btnName, 0, Qt::AlignRight);
vLayout->addStretch();
// Соединение на кнопку
connect(btnName, SIGNAL(clicked()), this, SLOT(clickButton()));
}

void MainWindow::getUrl(NPluginStreamParameters& parameters)
{
QFile* data = new QFile(":/res/banner.xap");
data->open(QIODevice::ReadOnly);
parameters.setIODevice(data);
}

Здесь мы создали проект нашего приложения: сверху баннер, чуть ниже поле ввода для ввода имени и кнопка Name, нажатие которой будет отправлять наше имя в баннер.
Особое внимание стоит уделить строке связывания компонента Qtitan::Silverlight непосредственно с роликом Silverlight. Связь осуществляется стандартным механизмом слот/сигнал:
connect(silverlight_, SIGNAL(getUrl(NPluginStreamParameters&)),
this, SLOT(getUrl(NPluginStreamParameters&)));

Через эту связь экземпляр Qtitan::Silverlight получает доступ к ресурсам нашего ролика. Слот getUrl(NPluginStreamParameters&) получает ссылку на объект, в который он передает данные ролика.

Сейчас мы можем запустить наше приложение и посмотреть результат - мы увидим, что ролик удачно интегрировался в приложение.

Теперь напишем обработчик для кнопки btnName, чтобы по нажатию введенный текст передавался бы в Silverlight ролик.
Добавим коннект для кнопки в конструктор MainWindow:
connect(btnName, SIGNAL(clicked()), this, SLOT(clickButton()));

И напишем код обработчика:

void MainWindow::clickButton()
{
//Получаем доступ к функциям ролика
QScriptValue silverlightObject = silverlight_->pluginScriptValue();
//Вызываем функция ролика Silverlight и передаем ей в качестве параметра
//текст из поля ввода edtName_
QScriptValue content = silverlightObject.property("content");
QScriptValue silverlightForm = content.property("BannerForm");
QScriptValue func = silverlightForm.property("SetUserNameMethod");
func.call(silverlightForm, QScriptValueList() << edtName_->text());
}

Здесь мы фактически вызываем JavaScript код silverlightObject.content.BannerForm.SetUserNameMethod("text");
И, в принципе, мы могли бы вызвать его сразу, используя метод evaluate() класса QScriptEngine.
Также не забудем объявить слот clickButton() в закрытой части класс MainWindow.

protected slots:
void clickButton();

Чтобы данный код заработал, в ролике Silverlight должны быть зарегистрирован объект BannerForm и метод SetUserNameMethod.
Нам нужно вернуться в проект Silverlight ролика и открыть страницу Page.xaml.cs.

Отредактируем код страницы следующим образом.
Во-первых, добавим строку для доступа к браузеру
using System.Windows.Browser;
Во-вторых, перед объявлением класса Page вставим строку
[ScriptableType]
Это нужно для того, чтобы можно было зарегистрировать объект BannerForm.
Сама регистрация осуществляется в конструкторе класса Page.
HtmlPage.RegisterScriptableObject("BannerForm", this);
Кроме того нужно зарегистрировать метод SetUserNameMethod. Полный код страницы Page.xaml.cs приведен ниже.

using System.Windows.Browser;
namespace banner
{
[ScriptableType]
public partial class Page : UserControl
{
   public Page()
   {
     InitializeComponent();
     HtmlPage.RegisterScriptableObject("BannerForm", this);
   }
   [ScriptableMember]
   public void SetUserNameMethod(string text)
   {
     textName.Text = text;
   }
}
}

Откомпилируем проект и скопируем полученный файл banner.xap в ресурсы Qt приложения. Пересоберем приложение и запустим. Теперь, по нажатию кнопки, наше имя, введенное в поле ввода edtName_, будет передано в ролик и будет там отражено.

Теперь нам нужно получить результаты голосования из Silverlight ролика.
Снова нам придется вернуться к проекту Silverlight ролика и внести в него изменения.
Во-первых, нам нужно определить обработчики событий для элементов RadioButton.
Определим обработчики в XAML коде:

<RadioButton x:Name="radFlash"
   Content="Adobe Flash"
   Grid.Row="1" Grid.Column="1"
   Checked="Flash_Click"/>
<RadioButton x:Name="radSilverlight"
      Content="Microsoft Silverlight"
   Grid.Row="2" Grid.Column="1"
   Checked="Silverlight_Click"/>

И напишем для них код в файле Page.xaml.cs в теле класса Page:

private void Flash_Click(object sender, RoutedEventArgs e)
{
HtmlPage.Window.Invoke("ShowCustomMessage", "I vote for Adobe Flash!");
}
private void Sliverlight_Click(object sender, RoutedEventArgs e)
{
HtmlPage.Window.Invoke("ShowCustomMessage", "I vote for Microsoft Silverlight!");
}

Т.е. ролик обращается к некой функции ShowCustomMessage, которая выглядит для него как обычная функция JavaScript. На самом деле, эта функция определена в нашем Qt приложении и мы зарегистрируем ее в ролике прямо из него.
Скомпилируем ролик и добавим его в ресурсы приложения.
Откроем наш Qt проект и добавим в конструктор класса MainWindow строку регистрации функции ShowCustomMessage:

silverlight_->registrScriptableFunction("ShowCustomMessage", ShowCustomMessage);

И определим саму функцию ShowCustomMessage:

QScriptValue MainWindow::ShowCustomMessage(QScriptContext* context, QScriptEngine *)
{
QMessageBox::information(qApp->activeWindow(), "Vote",
context->argument(0).toString());
return QScriptValue();

}

В заголовочном файле mainwindow.h функцию следует объявить статической:

static QScriptValue ShowCustomMessage(QScriptContext *, QScriptEngine *);

Запускаем наше приложение и голосуем за Silverlight!

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

QZip, OSDab Zip, QuaZip и Microsoft Word 2007

2012-09-26T15:58:00.001+06:00

Понадобилось мне тут генерить отчет в формате Microsoft Word 2007.
Файл docx это, как известно, набор xml-файлов и каталогов, пожатых zip-ом.
Ничтоже сумнящеся, пытаюсь пожать это дело OSDaB Zip - и упс. Word такой файл понимать отказывается. Далее беру QZip. Снова упс. QuaZip - ура, победа.
То есть, каталог пожатый QuaZip MS Word прекрасно читает, а остальные - увы. Версия zlib одна и та же. В чем причина я пока и не разобрался. Размер файла docx, пожатый разными zip-ами всегда разный.
До этого генерил отчеты для OpenOffice.org, там формат похож - тоже набор каталогов и xml-файлов пожатый zip. Тогда сжимал OSDaB Zip'ом и OpenOffice Writer читал такой файл без проблем.

QSqlQueryModel - просмотр базы данных с более 10000 записей

2012-07-30T15:23:00.002+06:00

Стандартный QSqlQueryModel мало пригоден для просмотра больших баз данных. Модель устроена так, что изначально подгружает 256 записей, и по мере прокрутки таблицы вниз подгружает порциями еще по 256 записей. Всё это сильно лагает и на большой БД неюзабельно.
Можно использовать canFetchMore и fetchMore для загрузки всех данных, но это займет много времени и вдобавок все записи поместятся в память и выгрузка займет приличное время. В итоге - паузы при загрузке и выгрузке данных.
Но можно использовать курсоры БД, то есть QSqlQuery. Выполнение запроса на выборку (SELECT) занимает немного времени и в итоге у нас есть курсор QSqlQuery, который можно вертеть вперед (next()), назад (prevoius()) и в произвольное место (seek()).
Так как же организовать быструю табличную навигацию по БД?

Во-первых, из QTableView нужно выкинуть вертикальный скролл. То есть, задать политику - всегда выключен. Вместо выкинутого скролла ставим свой скроллбар и состыковываем с вьюхой через лэйаут.
Во-вторых, делаем запрос на количество записей в таблице БД (SELECT (COUNT(*)). Полученное значение присваиваем сколлбару (setMaximum()). Теперь смещение скролла будет означать переход на определенный номер записи. Связываем изменение значения скролла с смещением курсора QSqlQuery с помощью seek(). Начиная с этого значения считываем 30 записей и загружаем в QAbstractTableModel.
Таким образом, в таблице всегда будут только 30 записей, начиная с некоторого значения.
Скролл при этом не лагает, только иногда запаздывает за мышкой, но это не критично, и возможно, этого можно избежать обрабатывая не все изменения скролла. Например, если юзер зацепил ползунок и яростно тащит его вниз, то можно ему дать это сделать, а уже потом обновить данные в модели. Например, по таймауту - если за 100 мс не произошло изменений скролла - обновить модель. Как-то так.

Тестирование показало приемлемую навигацию с таким способом. Но, надо не забывать о других способах прокрутки данных: прокрутка колесика мышки - события вьюхи wheelEvent() надо перекидывать на скролл. Далее - возможна навигация с клавиатуры - Move Down, Up, PgDown, PgUp. Это тоже надо обрабатывать.

Выставить порядковые номера записей несложно - это значения скролла + 30.
Магическое число 30 выбрано эмпирически, можно в принципе использовать и 50. Просто есть взять 20, то таблица может быть не вся заполнена и останутся белые области снизу.

О том как вставить данные и обновить таблицу расскажу позже.

Протокол OAuth

2012-07-24T12:51:00.001+06:00

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

Я расскажу как использовать этот протокол для отправки изображений в Twitter из десктопного приложения на Qt.

OpenCV преобразование QImage в IplImage

2012-06-25T10:24:00.001+06:00

IplImage * MainWindow::QImage2IplImage(const QImage * image)
{
IplImage * cvImage = cvCreateImageHeader(cvSize(image->width(),
   image->height()), IPL_DEPTH_8U, 4);

cvImage->imageData = (char*)image->bits();
IplImage* colorImage = cvCreateImage(cvGetSize(cvImage), 8, 3);
cvConvertImage(cvImage, colorImage, 0);
  return colorImage;
}

OpenCV создание avi файла из набора кадров

2012-06-25T10:22:00.002+06:00

#include <opencv2/opencv.hpp>
void MainWindow::test()
{
  double fps = 5.;
CvSize size = cvSize(219, 187);//Размер картинки
CvVideoWriter *writer = cvCreateVideoWriter( // Создаём файл для записи
    "out.avi",
    //CV_FOURCC('M','J','P','G'),
    //CV_FOURCC('X','V','I','D'),
    //CV_FOURCC('D','I','V','X'),
    CV_FOURCC('F','L','V','1'),
    fps,
    size
  );

IplImage* img = cvLoadImage("Image0.jpg");
  const int frameCount = 100;
  int c = 0;
  while (c++, c != frameCount)
{
   cvWriteFrame(writer, img ); // Записываем
}
cvReleaseVideoWriter( &writer ); // Освобождаем ресурсы
cvReleaseImage( &img );
}

OpenCV подключение в проект Qt

2012-06-25T10:19:00.000+06:00

Скачиваем OpenCV OpenCV-2.4.1.exe
Распаковываем
Правим pro файл
# OpenCV
OPENCV = D:/opencv
OPENCV_LIB = $$OPENCV/build/x86/vc9/lib
INCLUDEPATH += $$OPENCV/build/include/opencv $$OPENCV/build/include
QMAKE_LIBDIR += $$OPENCV_LIB
CONFIG(debug, debug|release) {
LIBS += $$files($$OPENCV_LIB/*241d.lib)
} else {
LIBS += $$files($$OPENCV_LIB/*241.lib)
}