Qtのライブラリを使用した サードパーティ製のQwtライブラリを使うと グラフが簡単にかけちゃうぞ！ ・build/install〜QtCreatorの設定proファイルの設定

1. Qtでグラフ
表示するよ！
Sub Head
by sazus
10/25/2014 Qt名古屋勉強会#15

2. Agenda
1. Qｔのサードパーティ Qwtグラフ
ライブラリについて
2. Qwt の build install
3. デモ

3. QtのサードパーティQwtグラフ ライブラリ
Qwt
Qtのライブラリを用いたC＋＋のライブラリ。
グラフ作成library
+ QtCreatorのdesigner library
web: http://qwt.sourceforge.net/
Lisence : LGPL ver.2

4. QtのサードパーティQwtグラフ ライブラリ
Qwt
こんなことができるよ

5. QtのサードパーティQwtグラフ ライブラリ
Qwt
・曲線プロット

6. QtのサードパーティQwtグラフ ライブラリ
・散布図
Qwt

7. QtのサードパーティQwtグラフ ライブラリ
Qwt
・スペクトログラム

8. QtのサードパーティQwtグラフ ライブラリ
・棒グラフ
Qwt

9. QtのサードパーティQwtグラフ ライブラリ
Qwt
・GUIパーツ

10. Qwtつかい方
Codeを手に入れる
・Repository
開発版(trunk)
http://svn.code.sf.net/p/qwt/code/trunk/qwt
リリースバージョン(tags)
http://svn.code.sf.net/p/qwt/code/tags/qwt-6.1.0/qwt
2014/1/25現在のリリースVer 6.1.0
(commit logを見るとrelease 2013/5/31)

11. Qwtつかい方
build環境
svn checkout :
$ svn checkout http://svn.code.sf.net/p/qwt/code/tags/qwt-6.1.0/qwt/
OS:
$ lsb_release -a
Distributor ID: Ubuntu
Description: Ubuntu 12.04.4 LTS
Release: 12.04
Codename: precise
Qt:
qt-project（http://qt-project.org/downloads）の
Qt Online Installer for Linux 64-bit

12. Qwtつかい方
buildの前に！
QtCreatorのdesigner用のlibraryを作成するには
・ QtCreatorのプラグインをbuildした構成
(Qtlibraryのversion)を揃えておく。
ヘルプ ⇒ QtCreatorについて
で確認する。
異なるとQtCreatorが認識できないぞ！

13. Qwtつかい方
buildの前に！

14. Qwtつかい方
buildの前に！
Windowsの人は....
・ QtCreatorは、Visual Studioのコンパイラでbuild
されているはずなので、
designerのプラグインを作成するには
VSでのbuildをしないといけないぞ。

15. Qwtつかい方
最新版を手に入れる
・Repository
開発版(trunk)
http://svn.code.sf.net/p/qwt/code/trunk/qwt
リリースバージョン(tags)
http://svn.code.sf.net/p/qwt/code/tags/qwt-6.1.0/qwt

16. Qwtつかい方
ビルドする前のHowTo
・プロジェクトの設定。
・プロジェクトファイルの修正。

17. Qwtつかい方
ビルドする前のHowTo
・プロジェクトの設定
ビルドステップを追加から
Makeを選択。
Make引数にinstallを設定

18. Qwtつかい方
ビルドする前のHowTo
・プロジェクトファイルの修正
プロジェクトファイル(checkoutしたディレクトリの
.proファイルをQtCreatorで開いて
qwtconfig.pri
を選択。

19. Qwtつかい方
ビルドする前のHowTo
・プロジェクトファイルの修正
サンプルもbuildしてみる
#QWT_CONFIG += QwtExamples
↓
QWT_CONFIG += QwtExamples
その他(playground 参考になるサンプル?)
#QWT_CONFIG += QwtPlayground
↓
QWT_CONFIG += QwtPlayground

20. Qwtつかい方
ビルドしてからのHowTo
・installされる場所( ${QWT_ROOT} )
Linux：
/usr/local/qwt-6.1.0-svn
Windows:
C:/Qwt-6.1.0-svn
上記以外(Mac等):
QT_INSTALL_PREFIX の指定場所
QtCreator ツール⇒ビルド のビルドと実行
QtVersionタグの
デスクトップ向けQtバージョン** で確認できるぞ

21. Qwtつかい方
ビルドしてからのHowTo
QT_INSTALL_PREFIX 確認(linuxの例)

22. Qwtつかい方
ビルドしてからのHowTo
・designerのpuluginパスの設定
Linuxの場合
~/.bashrcなどに
QT_PLUGIN_PATH="${QWT_ROOT}/plugins:$QT_PLUGIN_PATH"
を追加( ※ ${QWT_ROOT}は先ほどのinstall path。)
お手軽にお試しする場合
QtCreatorのdesignerプラグインディレクトリに直接入れる。
Qwt designerライブラリのinstall場所：
${QWT_ROOT}/plugins/designe← この中にあるものを
QtCreatorのdesignerライブラリのinstall場所：
${QtCreator_Path}/bin/plugins/designer
←ここにいれておく。

23. Qwtつかい方
ビルドしてからのHowTo
・designerのpulugin確認方法
適当にQt Widgets Applicationのプロジェクトを作成
uiファイルを開く

24. Qwtつかい方
ビルドしてからのHowTo
ここにQwt Widgetsが
出てればOK

25. Qwtつかい方
ビルドしてからのHowTo
ちょ、おま でね〜じゃねーかって人は
デザイン画面の
ツール ⇒ フォームエディター ⇒
about Qt designer plugins…
を選択

26. Qwtつかい方
ビルドしてからのHowTo
そもそもここに出てこない
場合は pathが間違ってる
失敗したプラグインに入っ
ちゃってる場合は
buildしてるQtLibraryや
コンパイラがちがったりし
てるぞ

27. Qwtつかい方
実際につかい方
・プロジェクトファイルに以下を追加
include ( ${QWT_ROOT} /features/qwt.prf )
CONFIG += qwt
※ ${QWT_ROOT}は実際はQwtのinstall先を
絶対PATHを記載する。

28. デモ
デモ
艦これのレベリングで間に合わなかったので
サンプルを動かすよ

29. ご清聴ありがとうございました。