Make a graph at Qt(used Qwt library)
-
Upload
sazus-sazus -
Category
Documents
-
view
2.010 -
download
8
description
Transcript of Make a graph at Qt(used Qwt library)
![Page 1: Make a graph at Qt(used Qwt library)](https://reader030.fdocument.pub/reader030/viewer/2022020115/5483ff79b47959140d8b4a8e/html5/thumbnails/1.jpg)
Qtでグラフ表示するよ!
Sub Head
by sazus
10/25/2014 Qt名古屋勉強会#15
![Page 2: Make a graph at Qt(used Qwt library)](https://reader030.fdocument.pub/reader030/viewer/2022020115/5483ff79b47959140d8b4a8e/html5/thumbnails/2.jpg)
Agenda
1.Qtのサードパーティ Qwtグラフ ライブラリについて
2.Qwt の build install
3.デモ
![Page 3: Make a graph at Qt(used Qwt library)](https://reader030.fdocument.pub/reader030/viewer/2022020115/5483ff79b47959140d8b4a8e/html5/thumbnails/3.jpg)
QtのサードパーティQwtグラフ ライブラリ
Qtのライブラリを用いたC++のライブラリ。
グラフ作成library + QtCreatorのdesigner library web: http://qwt.sourceforge.net/
Lisence : LGPL ver.2
Q w t
![Page 4: Make a graph at Qt(used Qwt library)](https://reader030.fdocument.pub/reader030/viewer/2022020115/5483ff79b47959140d8b4a8e/html5/thumbnails/4.jpg)
QtのサードパーティQwtグラフ ライブラリ
こんなことができるよ
Q w t
![Page 5: Make a graph at Qt(used Qwt library)](https://reader030.fdocument.pub/reader030/viewer/2022020115/5483ff79b47959140d8b4a8e/html5/thumbnails/5.jpg)
QtのサードパーティQwtグラフ ライブラリ
・曲線プロット
Q w t
![Page 6: Make a graph at Qt(used Qwt library)](https://reader030.fdocument.pub/reader030/viewer/2022020115/5483ff79b47959140d8b4a8e/html5/thumbnails/6.jpg)
QtのサードパーティQwtグラフ ライブラリ
・散布図
Q w t
![Page 7: Make a graph at Qt(used Qwt library)](https://reader030.fdocument.pub/reader030/viewer/2022020115/5483ff79b47959140d8b4a8e/html5/thumbnails/7.jpg)
QtのサードパーティQwtグラフ ライブラリ
・スペクトログラム
Q w t
![Page 8: Make a graph at Qt(used Qwt library)](https://reader030.fdocument.pub/reader030/viewer/2022020115/5483ff79b47959140d8b4a8e/html5/thumbnails/8.jpg)
QtのサードパーティQwtグラフ ライブラリ
・棒グラフ
Q w t
![Page 9: Make a graph at Qt(used Qwt library)](https://reader030.fdocument.pub/reader030/viewer/2022020115/5483ff79b47959140d8b4a8e/html5/thumbnails/9.jpg)
QtのサードパーティQwtグラフ ライブラリ
・GUIパーツ
Q w t
![Page 10: Make a graph at Qt(used Qwt library)](https://reader030.fdocument.pub/reader030/viewer/2022020115/5483ff79b47959140d8b4a8e/html5/thumbnails/10.jpg)
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)
![Page 11: Make a graph at Qt(used Qwt library)](https://reader030.fdocument.pub/reader030/viewer/2022020115/5483ff79b47959140d8b4a8e/html5/thumbnails/11.jpg)
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: preciseQt: qt-project(http://qt-project.org/downloads)の Qt Online Installer for Linux 64-bit
![Page 12: Make a graph at Qt(used Qwt library)](https://reader030.fdocument.pub/reader030/viewer/2022020115/5483ff79b47959140d8b4a8e/html5/thumbnails/12.jpg)
Qwtつかい方
buildの前に!
QtCreatorのdesigner用のlibraryを作成するには
・ QtCreatorのプラグインをbuildした構成
(Qtlibraryのversion)を揃えておく。
ヘルプ ⇒ QtCreatorについて
で確認する。
異なるとQtCreatorが認識できないぞ!
![Page 13: Make a graph at Qt(used Qwt library)](https://reader030.fdocument.pub/reader030/viewer/2022020115/5483ff79b47959140d8b4a8e/html5/thumbnails/13.jpg)
Qwtつかい方
buildの前に!
![Page 14: Make a graph at Qt(used Qwt library)](https://reader030.fdocument.pub/reader030/viewer/2022020115/5483ff79b47959140d8b4a8e/html5/thumbnails/14.jpg)
Qwtつかい方
buildの前に!
Windowsの人は....・ QtCreatorは、Visual Studioのコンパイラでbuild されているはずなので、
designerのプラグインを作成するには
VSでのbuildをしないといけないぞ。
![Page 15: Make a graph at Qt(used Qwt library)](https://reader030.fdocument.pub/reader030/viewer/2022020115/5483ff79b47959140d8b4a8e/html5/thumbnails/15.jpg)
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
![Page 16: Make a graph at Qt(used Qwt library)](https://reader030.fdocument.pub/reader030/viewer/2022020115/5483ff79b47959140d8b4a8e/html5/thumbnails/16.jpg)
Qwtつかい方
ビルドする前のHowTo
・プロジェクトの設定。
・プロジェクトファイルの修正。
![Page 17: Make a graph at Qt(used Qwt library)](https://reader030.fdocument.pub/reader030/viewer/2022020115/5483ff79b47959140d8b4a8e/html5/thumbnails/17.jpg)
Qwtつかい方
ビルドする前のHowTo
・プロジェクトの設定
ビルドステップを追加からMakeを選択。
Make引数にinstallを設定
![Page 18: Make a graph at Qt(used Qwt library)](https://reader030.fdocument.pub/reader030/viewer/2022020115/5483ff79b47959140d8b4a8e/html5/thumbnails/18.jpg)
Qwtつかい方
ビルドする前のHowTo
・プロジェクトファイルの修正 プロジェクトファイル(checkoutしたディレクトリの .proファイルをQtCreatorで開いて qwtconfig.pri
を選択。
![Page 19: Make a graph at Qt(used Qwt library)](https://reader030.fdocument.pub/reader030/viewer/2022020115/5483ff79b47959140d8b4a8e/html5/thumbnails/19.jpg)
Qwtつかい方
ビルドする前のHowTo
・プロジェクトファイルの修正 サンプルもbuildしてみる #QWT_CONFIG += QwtExamples ↓ QWT_CONFIG += QwtExamples その他(playground 参考になるサンプル?) #QWT_CONFIG += QwtPlayground ↓ QWT_CONFIG += QwtPlayground
![Page 20: Make a graph at Qt(used Qwt library)](https://reader030.fdocument.pub/reader030/viewer/2022020115/5483ff79b47959140d8b4a8e/html5/thumbnails/20.jpg)
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バージョン** で確認できるぞ
![Page 21: Make a graph at Qt(used Qwt library)](https://reader030.fdocument.pub/reader030/viewer/2022020115/5483ff79b47959140d8b4a8e/html5/thumbnails/21.jpg)
Qwtつかい方
ビルドしてからのHowTo
QT_INSTALL_PREFIX 確認(linuxの例)
![Page 22: Make a graph at Qt(used Qwt library)](https://reader030.fdocument.pub/reader030/viewer/2022020115/5483ff79b47959140d8b4a8e/html5/thumbnails/22.jpg)
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 ←ここにいれておく。
![Page 23: Make a graph at Qt(used Qwt library)](https://reader030.fdocument.pub/reader030/viewer/2022020115/5483ff79b47959140d8b4a8e/html5/thumbnails/23.jpg)
Qwtつかい方
ビルドしてからのHowTo
・designerのpulugin確認方法 適当にQt Widgets Applicationのプロジェクトを作成
uiファイルを開く
![Page 24: Make a graph at Qt(used Qwt library)](https://reader030.fdocument.pub/reader030/viewer/2022020115/5483ff79b47959140d8b4a8e/html5/thumbnails/24.jpg)
Qwtつかい方
ビルドしてからのHowTo
ここにQwt Widgetsが出てればOK
![Page 25: Make a graph at Qt(used Qwt library)](https://reader030.fdocument.pub/reader030/viewer/2022020115/5483ff79b47959140d8b4a8e/html5/thumbnails/25.jpg)
Qwtつかい方
ビルドしてからのHowTo
ちょ、おま でね〜じゃねーかって人は
デザイン画面の
ツール ⇒ フォームエディター ⇒ about Qt designer plugins…
を選択
![Page 26: Make a graph at Qt(used Qwt library)](https://reader030.fdocument.pub/reader030/viewer/2022020115/5483ff79b47959140d8b4a8e/html5/thumbnails/26.jpg)
Qwtつかい方
ビルドしてからのHowTo
そもそもここに出てこない場合は pathが間違ってる
失敗したプラグインに入っちゃってる場合はbuildしてるQtLibraryやコンパイラがちがったりしてるぞ
![Page 27: Make a graph at Qt(used Qwt library)](https://reader030.fdocument.pub/reader030/viewer/2022020115/5483ff79b47959140d8b4a8e/html5/thumbnails/27.jpg)
Qwtつかい方
実際につかい方
・プロジェクトファイルに以下を追加
include ( ${QWT_ROOT} /features/qwt.prf ) CONFIG += qwt
※ ${QWT_ROOT}は実際はQwtのinstall先を 絶対PATHを記載する。
![Page 28: Make a graph at Qt(used Qwt library)](https://reader030.fdocument.pub/reader030/viewer/2022020115/5483ff79b47959140d8b4a8e/html5/thumbnails/28.jpg)
デモ
デモ
艦これのレベリングで間に合わなかったので
サンプルを動かすよ
![Page 29: Make a graph at Qt(used Qwt library)](https://reader030.fdocument.pub/reader030/viewer/2022020115/5483ff79b47959140d8b4a8e/html5/thumbnails/29.jpg)
ご清聴ありがとうございました。