Kohshi's Blog: Qt

ラベル Qt の投稿を表示しています。すべての投稿を表示

2016/01/19

PyQtでvtkをWidget表示

PyQtでvtkの3次元表示ViewをWidgetとしてEmbbedしたい場合の自分メモ

普通はQVTKWidgetPlugin.dll/.soなりをQt Designerのpluginsフォルダに入れる事によって、
Qt DesignerのサイドバーにQVTKWidgetが表示され、それをDrag&DropするだけでLayoutされる！というスマートなやり方が正しいはずなんだが。

ことpython + QVTKWidgetに限ってはなんか以下の理由でできない（なんで？と思うが）
（Windows + Anaconda環境と、MacOS + homebrew環境で確認）

* そもそもQVTKWidgetというモジュールがvtkをpython + qtで使う環境に存在しない。

↓のサイトによるとfrom QVTKWidget import QVTKWidgetに存在しない。from vtk import QVTKWidgetなら存在するとかあるが、これも存在しないと起こられる。

* <a href="http://paulklemm.com/zenf/blog/2012/08/20/install-python-together-with-vtk-using-homebrew-for-mountain-lion/">http://paulklemm.com/zenf/blog/2012/08/20/install-python-together-with-vtk-using-homebrew-for-mountain-lion/</a>

で、色々探してみるとfrom vtk.qt4.QVTKRenderWindowInteractor import QVTKRenderWindowInteractor を使えというサイトを見つけた。

* <a href="http://www.vtk.org/Wiki/VTK/Examples/Python/Widgets/EmbedPyQt">http://www.vtk.org/Wiki/VTK/Examples/Python/Widgets/EmbedPyQt</a>

ためしにこれで試すとうまくいくが、もしQt DesignerでQVTKWidgetPlugin.dll/soを使ってDrag&DropでLayoutをすると強制的にQVTKWidgetをloadされちゃうので
できない。

なのでQt Desingerのpromote toを使って、

1. まずWidgetをvtkを配置したい箇所に配置
2. promote toでpromotionの設定を開く
3. headerにvtk.qt4.QVTKRenderWindowInteractor.hをpromotion classにQVTKRenderWindowInteractorを書いて追加
4. 1.で追加したWidgetを右クリックしてpromote to -> QVTKRenderWindowInteractorを選択してpromoteさせる

3. のQVTKRenderWindowInteractorクラスをPromotion用に追加した所↓

4.の後↓のようになる

という手順を踏むとQt Designderでの変更に対して何もしなくても以下のpythonコードで呼べる。
（C++と.uiファイルが共通化できなかったりというデメリットもあるが、現状これしかない気もする。）

```python

import sys
import vtk

from PyQt4 import QtCore, QtGui, uic

#from ui_mainwindow import Ui_MainWindow

class testPyQt(QtGui.QMainWindow):
    def __init__(self):
        QtGui.QMainWindow.__init__(self)
        Ui_MainWindow = uic.loadUiType("ui_mainwindow.ui", self)[0]

self.ui = Ui_MainWindow()
        self.ui.setupUi(self)

# setup connection
        self.ui.pushButton.clicked.connect(self.onClickButton)

### !!! Added from here !!! ###
        self.renderer = vtk.vtkRenderer()
        self.ui.qvtkWidget.GetRenderWindow().AddRenderer(self.renderer)
        self.ui.qvtkWidget.SetInteractorStyle(vtk.vtkInteractorStyleTrackballCamera())

# Add initial actores
        self.axes = vtk.vtkAxesActor()
        transform = vtk.vtkTransform()
        transform.Translate(0.0, 0.0, 0.0)
        self.axes.SetUserTransform(transform)
        self.axes.GetXAxisCaptionActor2D().GetTextActor().SetTextScaleModeToNone()
        self.axes.GetYAxisCaptionActor2D().GetTextActor().SetTextScaleModeToNone()
        self.axes.GetZAxisCaptionActor2D().GetTextActor().SetTextScaleModeToNone()
        self.axes.SetTotalLength(1, 1, 1)
        self.renderer.AddActor(self.axes)

self.renderer.ResetCamera()
        ### !!! Added until here !!! ###

# Added to draw call should be called after open window
    def show(self):
        QtGui.QMainWindow.show(self)
        self.ui.qvtkWidget.Initialize()

@QtCore.pyqtSlot()
    def onClickButton(self):
        self.ui.label.setText("Pushed!!")

def main():
    app = QtGui.QApplication(sys.argv)
    window = testPyQt()
    window.show()
    sys.exit(app.exec_())

if __name__ == "__main__":
    main()

```

show()関数をoverrideしているのは、RenderingがWindowが開かないうちに実行されるのを避ける為。例えば、Mac環境で__init__内でself.qvtkWidget.Initialize()をやってしまうと以下の様なエラーが大量に出る

```bash
ERROR: In /tmp/vtk20151007-9396-c4u0qe/VTK-6.2.0/Rendering/OpenGL/vtkOpenGLPolyDataMapper2D.cxx, line 442
vtkOpenGLPolyDataMapper2D (0x7f9d3c171460): failed after RenderOverlay 1 OpenGL errors detected
  0 : (1286) Invalid framebuffer operation

```

以下のForumで議論されている内容で、Forumでもshowを明示的に呼んでからRenderしろのような事が書かれている（と思う）。
http://paulklemm.com/zenf/blog/2012/08/20/install-python-together-with-vtk-using-homebrew-for-mountain-lion/
なのでmain()内で呼ばれるshow()の後にInteractorのInitialize()が呼ばれる様にするためにこの構成。

PyQtでGUI：.uiファイルのload

PyQt（PyQt4）でGUIプログラムする自分用メモ

.uiファイル＋Qt Designerが使いやすいのもQtのメリットだと思ってるのでpythonからもUIのレイアウトはこれでやりたい。

.uiでレイアウトしてpythonで読み込むには２つ方法があるらしい。

1. pyuic4を使って.ui -> .pyに変換しimport
2. uicを使って直接import

1.は.pyに統一できていいが、開発中は毎UI変更の度に変換が必要でめんどい。
2.は変換は不要だが.uiファイルをPackageに含まないといけない（それでもいい場合もある？）。
↓によると開発中は2.でお手軽に、配布時に1.で変換するみたいのが良いってことかな？  
[https://riverbankcomputing.com/pipermail/pyqt/2010-September/027970.html](https://riverbankcomputing.com/pipermail/pyqt/2010-September/027970.html)

というわけでサンプル作ってみた。

まずQt Designerで簡単なUI（PushButtonを押すと、Labelの文字が変わるというだけ）を作成

.uiファイルをloadして表示するコードが以下。

```python

import sys

from PyQt4 import QtCore, QtGui, uic

# form classを直接importする場合は必要
#from ui_mainwindow import Ui_MainWindow

class testPyQt(QtGui.QMainWindow):
    def __init__(self):
        QtGui.QMainWindow.__init__(self)
        # form classを直接importする場合は↓の行が不要になる
        Ui_MainWindow = uic.loadUiType("ui_mainwindow.ui", self)[0]

self.ui = Ui_MainWindow()
        self.ui.setupUi(self)

# setup connection
        self.ui.pushButton.clicked.connect(self.onClickButton)

@QtCore.pyqtSlot()
    def onClickButton(self):
        self.ui.label.setText("Pushed!!")

def main():
    app = QtGui.QApplication(sys.argv)
    window = testPyQt()
    window.show()
    sys.exit(app.exec_())

if __name__ == "__main__":
    main()

```

testPyQtクラスのself.uiにform class(C++ではUi::MainWindowClassとかでmoc_*.cppファイルに生成されてたやつだと思う)をnewする。

検索するとtestPyQtクラス自体をform classから継承する例や、self.uiにuic.loadUi()で生成されたQMainWindow（or QWidget)を直接showするコード（下記）もあったというか結構多い。

前者はUIと制御コードが一緒のclassになっちゃうので避けたい実装、後者はtestPyQtでQMainWindowを継承している意味がわかんなくなるので、その辺のやり方を避けると上のやり方に落ち着きそう。

```python 
class testPyQt(QtGui.QMainWindow):
    def __init__(self):
    # uic.loadUi returns QMainWindow
    self.ui = uic.loadUi("ui_mainwindow.ui")
    self.ui.show()

def main():
    app = QtGui.QApplication(sys.argv)
    window = testPyQt()
    # window.show() # ここでshowしない
    sys.exit(app.exec_())
```

結果、こんな感じにできる。

2014/03/08

QCustomPlotで表示したグラフをマウスホイールズームやDragシフトする際の範囲を制限する

[QCustomPlotでマウスホイールズーム＆Dragでシフト](http://kohshi.blogspot.jp/2014/03/qcustomplotdrag.html)で紹介したようにほんの数行加えるだけで、
表示領域を操作できるのだが、0原点だけはズームやシフトしたい場合にも固定したい場合は結構多い。

そういう時はどういう風にするかを紹介する。

[ここ](http://www.qcustomplot.com/index.php/support/forum/289)で書かれている内容だが、  
まず、制限したいQCPAxisのrangeChangedシグナルにslotを接続する↓。

```cpp

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

mpHistogramBars = new QCPBars(ui.histogram->xAxis, ui.histogram->yAxis);
    mpHistogramBars->setPen(QPen(Qt::gray));// 色指定
    mpHistogramBars->setBrush(QBrush(Qt::gray));// 色指定
    ui.histogram->addPlottable(mpHistogramBars);// 追加
    ui.histogram->setInteraction(QCP::iRangeDrag, true);
    ui.histogram->setInteraction(QCP::iRangeZoom, true);
    ui.histogram->axisRect()->setRangeDrag(Qt::Vertical);
    ui.histogram->axisRect()->setRangeZoom(Qt::Vertical);

// yAxisRangeChanged()はslot
    connect(ui.histogram->yAxis, SIGNAL(rangeChanged(const QCPRange &)), this, SLOT(yAxisRangeChanged(const QCPRange &)));
}

```

のようにしておいてRangeが変わったら、すなわちズームやシフトが発生したらyAxisRangeChangedが呼ばれるようにしておき、  
yAxisRangeChangedの中で以下のようにRangeを再セットしてやる。  
  
  
```cpp

void MainWindow::yAxisRangeChanged(const QCPRange &newRange)
{
    ui.histogram->yAxis->setRange(0, ui.histogram->yAxis->range().upper);// y軸の下限を0に固定
}

```
  
当然、マイナスの値にはしたくないという制限の場合には以下のようになる。
  
  
```cpp

void MainWindow::yAxisRangeChanged(const QCPRange &newRange)
{
    if(newRange.lower < 0){
        ui.histogram->yAxis->setRange(0, ui.histogram->yAxis->range().upper);
    }
}

```
  
常に下限を0にした場合こんな感じになる  
  
  
<iframe allowfullscreen="" frameborder="0" height="270" src="//www.youtube.com/embed/OrGXOhI5diE" width="480"></iframe>

2014/03/07

QCustomPlotでマウスホイールズーム＆Dragでシフト

2014/02/17

popplerを使ってpdfファイルをQImageに読み込む（おまけにQimageをpdfファイルとして書き出す）


[前回](http://kohshi.blogspot.jp/2014/02/popplerhomebrew.html)でインストールしたpopplerを使ってQtアプリでpdfファイルを読み込む。
今回はpdfといってもページ＝画像ファイルなのでわりと簡単。  
  
  
  
```cpp

#include <poppler/qt4/poppler-qt4.h>


openPdfFile(QString fileName){
  Poppler::Document *doc = Poppler::Document::load(fileName);
  if(doc == 0) return;

  for(int pageNum = 0; pageNum < doc->numPages(); pageNum++){
    Poppler::Page *pdfPage = doc->page(pageNum);
    
    QImage image = pdfPage->renderToImage();
    // このimageを使って描画処理等を行う

    // pdfPageは使い終わったらdeleteが必要
    delete pdfPage;
  }
  // docは使い終わったらdeleteが必要
  delete doc;
}


```
  
  
  
一方でpdf出力に関しては、これもテキストを出力するのでなければQt自体がもっているpdf出力を使えるので  
以下のようにすればQImageをページいっぱいに描画したpdfが出力できる。  
  
  
  
  
```cpp

exportPagesAsPdf(QString fileName){

  // QtはQPrinterをつかってpdfファイル出力ができる
  QPrinter printer(QPrinter::HighResolution);
  printer.setOutputFormat(QPrinter::PdfFormat);
  printer.setPageMargins(0, 0, 0, 0, QPrinter::Point);// margin 0にして縁なしにする
  printer.setOutputFileName(fileName);
  const int dpi = 72;
  printer.setResolution(dpi);
  QPainter painter;

  for(int i = 0; i < mPages.size(); i++){
      QImage image = mPages[i].image();

      // 仮に毎ページサイズが変わってもOKにしてる
      printer.setPaperSize(image.size(), QPrinter::Point);
      if(i == 0){
          painter.begin(&printer);// 最初のページはnewPage()をいれてはいけないので特別処理
      }
      else{
          printer.newPage();// サイズを指定した後にnewPage()を呼ぶとそのサイズのPageが挿入される
      }
      painter.drawImage(0, 0, image);
  }
}


```
  
  
  
dpiをなぜ72にしたらいいのか実はちょっとわかってないんだが、[popplerのdocumentのPage::renderToImage()](http://people.freedesktop.org/~aacid/docs/qt4/classPoppler_1_1Page.html)のdpiのデフォルト引数が72.0だったので、一緒にしたらいいんじゃないかなぁと思ったらうまくいった。
  
  
QPrinterのAPIをみるとテキストをセットするようなものはないので、  
OCRしたテキストをpdfに埋め込みたい時には多分QPrinterでは無理なんじゃないかな？
  
きっと[Handling PDF](http://qt-project.org/wiki/Handling_PDF)にあるようにほかのthird partyライブラリを
使えばできるんだろうけど。今回はまぁこの辺で。

popplerをhomebrewを使ってインストール


最近、ドキュメントスキャナを購入してから細々と自炊して本・マンガ本の省スペース化を図っている。
  
Windowsは[eTritran](http://no722.cocolog-nifty.com/blog/etiltran/)という素晴らしいソフトがあるが、  
Macで同じような事（簡単なトーンカーブ補正、ページ回転等々）をやろうとした時に、  
ちょうどいいソフトが見つからなかったので、機能は制限されるがQtを使って自分で作ってたりする　→　こんな感じ[ePage](https://bitbucket.org/kohshi/epages/wiki/Home)

今の所zip(jpegのzip化)の解凍はquazipを使って読み込むことができるようになったんだが、    
段々欲が出てきてpdfも読み書きしたくなってきた。  
  
ということでQtにpdfを読み書きする方法があるのかと探すと・・どうもなさそう。  
詳細は[Handling_PDF](http://qt-project.org/wiki/Handling_PDF)に書かれているが、  
出力する事はQPrinterを使ってできるみたい。でも読む方はQtにはなくて3rd partyのライブラリを使わないといけないみたい。  
  
こんな感じで３つほど紹介されてる。

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhe54ytPVtwCEcy1aBYkOlJXniLlbrJCMkE5WjrrxaerFgKueXs0OZXLyKIF2R1DvxV8yva59zU6zWNbQdVHGMWBP9RNWfJWDQ6jGuly-ZXqvYuBVZF8S3CSENL6RKuoEwcVu6mK2ZAATL/s1600/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588+2014-02-17+23.24.45.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhe54ytPVtwCEcy1aBYkOlJXniLlbrJCMkE5WjrrxaerFgKueXs0OZXLyKIF2R1DvxV8yva59zU6zWNbQdVHGMWBP9RNWfJWDQ6jGuly-ZXqvYuBVZF8S3CSENL6RKuoEwcVu6mK2ZAATL/s640/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588+2014-02-17+23.24.45.png" /></a></div>
  
今回は自炊した漫画本をメインで考えてるので出力はQPrinterを使って、読み込む機能があるpopplerを使う事にする。
Qt wrapperがあってQtとの親和性も高そう。
  
で、popplerをソースからコンパイルしてもいいんだが、freetype2が必要だったりlibpngやlibopenjpegが必要だったり
結構依存ライブラリがおおい。なので、この際今まで使った事がなかったhomebrewを使って入れてみようかなと。
  
homebrewとそのインストールついては[パッケージ管理システム Homebrew](http://qiita.com/b4b4r07/items/6efebc2f3d1cbbd393fc)など、いい参考サイトがあるのでそちらをみてもらうとして。
  
コマンド一つでインストールできる所が美しい・・。
  
```

 $brew update
 $brew install poppler --with-qt4

```
  
とすると、デフォルトでは/usr/local/Cellar/以下にpopplerと依存ファイル（qt4も）インストールしてくれます。
楽だなー。
  
なので、.proファイルに以下を追加する事でプログラム中でpopplerを使えるようになります。
  
```

LIBS += -lpoppler-qt4

INCLUDEPATH += /usr/local/Cellar/poppler/0.24.5/include

DEPTHDPATH += /usr/local/Cellar/poppler/0.24.5/lib

```
  
具体的な使い方は次回で。

2014/01/07

QTableViewへ登録するQStandardItemにでユーザ定義型をくるませる

QTableView等のQ*View系のQt Model/View構造で管理されているビューを使用する場合、
もっとも簡単な使い方として、QStandardItemModelへQStandardItemをセットしていく事になる。

* QStandardItem = Table等に表示される1項目
* QStandardItemModel = Itemの集合（row/column/parent/childの概念）

この際に、Tableのセルに表示させる文字列（QString）以外にユーザ定義型をQStandardItem::setDataを使って格納することができる。

個人的にはクラスのポインタを各Itemに格納させておいて、TableView（or ListView）でDrag&Dropして順番を入れ替えた後、
入れ替えた順番でクラスのポインタを順にとってくるという事をしたかった。

[このサイト（QVariant の使い方）](http://qt-project.org/wiki/How_to_use_QVariant_Japanese)によるとポインタはもたせられなくてvoid*にしなさいとあるんだが、実際にはvoid*にしてもうまくいかなかったので追加調査

参考にしたのは以下の2つのサイト

* [Custom QVariant crash on drag in QTreeView](https://qt-project.org/forums/viewthread/22238)
* [QMetaType Class Reference](http://qt-project.org/doc/qt-4.8/qmetatype.html)

今回はポインタだったので不要だったかもしれないが、[こちらのサイト](http://milukiriu2010.blog71.fc2.com/blog-entry-145.html)によるとユーザ定義型の場合は追加で以下の3つが必要となるよう。

* QObjectの継承
* コピーコンストラクタの定義
* 代入演算子の定義

以下ではMyClassのconstポインタをQStandardItemに格納している。

まず、下準備として以下が必要。

```cpp

// const MyClass*をQMetaTypeとして使いますよという宣言
Q_DECLARE_METATYPE(const MyClass*);

// 以下のoperator定義はDrag&Dropをしたい場合に必要
// もしやらないと、"QVariant Invalid type to save" のようなエラーが大量にでる
// see. https://qt-project.org/forums/viewthread/22238
QDataStream& operator<<(QDataStream& out, const MyClass* const& rhs)
{
    out.writeRawData(reinterpret_cast<const char*>(&rhs), sizeof(rhs));
    return out;
}
QDataStream& operator >> (QDataStream& in, const MyClass*& rhs)
{
    in.readRawData(reinterpret_cast<char*>(&rhs), sizeof(rhs));
    return in;
}

// const MyClass*をQMetaTypeとして使う前（たとえばコンストラクタ）に以下を書く
MyApp::MyApp(){
    qRegisterMetaTypeStreamOperators<const MyClass*>("const MyClass*");
}

```

そして、実際に値をセットするときは

```cpp

void MyApp::setData(QList<MyClass*> myClasses){
    QStandardItemModel* model = qobject_cast<QStandardItemModel*>(myTableView->model());

foreach(const MyClass* class, myClasses) {
        QStandardItem* item = new QStandardItem(class->name());
        item->setData(QVariant::fromValue(class));
        model->appendRow(item);
    }
}

```

な感じでセット（myTableView => QTableView*ね）

逆に値を引っ張ってくる時は

```cpp

QList<MyClass*> MyApp::getData(){
    QStandardItemModel* model = qobject_cast<QStandardItemModel*>(myTableView->model());

QList<const MyClass*> myClasses;
    const int COLUMN_NO = 0;// setDataでMyClass*を格納したQStandardItemが入っているColumn番号 = 0
    for (int i = 0; i < model->rowCount(); i++) {
        myClasses.push_back(model->item(i, COLUMN_NO)->data().value<const MyClass*>());
    }
    return myClasses;
}

```

のような感じで取得できる。

2013/12/27

QTableViewでTable内のRowをDrag&DropでMoveだけさせる

年明けにやるんだけど忘れないようにメモ。

Qtで表とかSpreadsheetを追加したい場合はQTableViewというのを使うのが便利なんだけど、
Drag&DropでRowの位置を変更したいという場合結構ありそうな気がするんだけどもわりとやり方がめんどくさい。

以下のサイトでも質問されているけど自分がやりたい方法で実現してない

* [QTableView drag move rows](http://stackoverflow.com/questions/12168610/qtableview-drag-move-rows)
* [QTableView reorder rows in table](http://www.linkedin.com/groups/QTableView-reorder-rows-in-table-1531497.S.218641029)

２番めの投稿にもある通り、QTableView::verticalHeader()->setMovable(true)（setSelectionMovableは古い）すれば、
表のセルでなくてHeaderをDrag&DropすることでMoveできる。
これでもいいんだけど、やっぱりセル自体をDrag&Dropできたほうが直感的。という事で追加で調べてみた。

使うのはQTableViewとQStandardItemModelとQStandardItemというQTableViewを使う場合には
もっともポピュラーだと思われる方法。

QTableViewの配置はQt Designerで↓のように配置して

QTableViewの設定から以下の項目をセット
 
| key | value |
| ---- | ---- |
| QWidget::acceptDrops| true |
| QAbstractItemView::dragEnabled| true |
| QAbstractItemView::dragDropOverwriteMode| false |
| QAbstractItemView::dragDropMode| InternalMove |
| QAbstractItemView::defaultDropAction| MoveAction |
| QAbstractItemView::selectionBehavior| SelectRows |

一つ一つON/OFFしてないので不要なものも入ってるかも。

一見上記の設定だけでもMoveだけを許可してdragDropOverwriteModeをfalseにしてるのでうまくいきそうな感じがするんだが、
このままQStandardItemをセットするとDrag&Dropでセルとセルの間を選ぶとMoveされるんだけど、
セル自体を選ぶと上書きされてしまう。これを防ぐ方法がわからなくて困った。

ヒントになったのは以下

* [QAbstractItemView Class Reference dragDropOverwriteMode](http://qt-project.org/doc/qt-4.8/qabstractitemview.html#dragDropOverwriteMode-prop)

`Note: This is not intended to prevent overwriting of items. The model's implementation of flags() should do that by not returning Qt::ItemIsDropEnabled.`

”これ（＝dragDropOverwriteMode）はitemを上書きするのを防がない。flags()の実装でQt::ItemIsDropEnabledを返さない事で上書きを防げる。”

ということはQStandardItemModelを継承してflags()をreimplementしてQt::ItemIsDropEnabledのFlagを下ろせばいいのかとおもったんだが・・

以下のようにMyItemModelを作ってQStandardItemModelの代わりにnewしてQTableView::setModel()しても現象は変わらない・・。

```cpp

class MyItemModel : public QStandardItemModel
{
public:
  MyItemModel(QObject * parent = 0) : QStandardItemModel(parent){}
  MyItemModel(int rows, int columns, QObject * parent = 0) : QStandardItemModel(rows, columns, parent) {}
  
  virtual Qt::ItemFlags flags()const{
    return (QStandardItemModel::flags() & ~Qt::ItemIsDropEnabled);
  }
};

```

うーん。

じゃあModelをQStandardItemModelに戻して今度は以下のように各QStandardItem::setFlagでQt::ItemIsDropEnabledをOFFしてみたら
Item同士の上書きがなくなった！

```cpp

QStandardItem *item = new QStandardItem(QString("item00"));
item->setFlags(item->flags() & ~Qt::ItemIsDropEnabled);
mpModel->setItem(0, 0, item);

```

こんな感じ。

なんかMoveした瞬間に一瞬一列増えて消えてをしてるような気もするが・・。

2013/12/18

QCustomPlotで凡例をグラフの外に表示→ちょっとめんどい

凡例はデフォルトではグラフ領域の中に表示される＋設定で場所を指定できるみたいだが、
例えば入力を次々変えていってグラフを表示したい場合とか、グラフがどの領域にくるかわからない場合があるんだが。

そんな場合凡例はグラフ内でなくてグラフ外に表示しておいてほしいのでそのやり方を書いてみる。
結果、今の所設定一発っていうわけではなくて以下のページにもあるみたいにLayoutを調整して対応しないと
いけないので、たかが凡例をグラフ外にもっていく割にはめんどい印象・・。

* [Position of legend outside graph](http://www.qcustomplot.com/index.php/support/forum/63)

以下のQCPLegendのページにも以下のように書いてある。

* [QCPLegend Class Reference](http://www.qcustomplot.com/documentation/classQCPLegend.html)

> To move the legend to another position inside the axis rect, use the methods of the QCPLayoutInset. 
> To move the legend outside of the axis rect, place it anywhere else with the QCPLayout/QCPLayoutElement interface.

凡例を軸の内側に動かすためにはQCPLayoutInsetのmehodを使え。外に動かしたい場合はQCPLayout/QCPLayoutElementを使って外に配置しろ。
みたいなことをいってるので多分合ってると思うんだけど。

つまり例えば↓のようにQCPLayoutを使って自分で凡例を配置せよということらしい。

<img src="https://docs.google.com/drawings/d/1rmDaYE2xMOz1pQ5rY9yrx7My3kuHtIX0hPKa4lj30aw/pub?w=480&h=360">
  
↑を実現するには、

1. もともと用意されているグラフを描画するLayoutにColumnを追加してQCPLayoutGridを配置し
2. そこに3つのRowを追加して上下にPadding用のQCPLayoutElementを配置し
3. 中央にQCPLegendを配置

という感じ。例によってHistogramを例にしてコードにすると
  
```cpp: MainWindow.cpp
  // When initialize QCustomPlot

// Moved legend to outside of axis rect
  QCPLayoutGrid *subLayout = new QCPLayoutGrid;  // グラフの右に挿入されるQCPLayoutGrid(subLayout)
  ui.histogram->plotLayout()->addElement(0, 1, subLayout); // (Row, Column) = (0,1)にsubLayoutを追加
  subLayout->addElement(0, 0, new QCPLayoutElement); // subLayoutの(Row, Column) = (0,0)にPadding用QCPLayoutElementを
  subLayout->addElement(1, 0, ui.histogram->legend); // (Row, Column) = (1,0)に凡例（Legend）を追加
  subLayout->addElement(2, 0, new QCPLayoutElement); // 同Paddingを追加
  subLayout->setColumnStretchFactor(0, 0.01);        // subLayoutの横幅はなるべく小さくする
  subLayout->setRowStretchFactor(1, 0.01);           // subLayoutの凡例がはいるRow=1はなるべく小さくする
  ui.histogram->plotLayout()->setColumnStretchFactor(1, 0.01); // subLayoutが入るColumn=1の横幅はなるべく小さくする

```
  
  
もし、上記の設定なしだと以下の様に表示されるが、

上記のようにLayout設定すると以下のようになる。

なんとかグラフ領域の外にもっていけたけど、凡例の右側が切れてたりしてちょっとしっくりこないきもするなぁ。

2013/12/16

QCustomPlotで凡例をクリックしてグラフの表示をToggle



複数のグラフを表示していて、見たいグラフが他のグラフとかぶっててじゃまなんで手前のグラフを
消したいなんて結構あると思う。

そんな時よくあるやりかたとして凡例から対象グラフをクリックするとそれが消えるみたいな。
そのやり方を書いてみる。わりと簡単だけど。

まずは凡例（legend）を表示する方法。QCustomPlotの初期化時に
  
  
  
```
    // histogram=QCustomPlot
    ui.histogram->setAutoAddPlottableToLegend(true);// plottable(=graph)を追加したら自動で凡例に追加
    ui.histogram->legend->setVisible(true); // 凡例を表示する

    for(int i = 0; i < numColorHistogram; i++){
        // QCPBars* mpHistogrambars[];
        mpHistogramBars[i] = new QCPBars(ui.histogram->xAxis, ui.histogram->yAxis);
        mpHistogramBars[i]->setName(CHART_NAMES[i]);
        mpHistogramBars[i]->setPen(QPen(CHART_COLORS[i]));
        mpHistogramBars[i]->setBrush(QBrush(CHART_COLORS[i]));
        ui.histogram->addPlottable(mpHistogramBars[i]);// graphをQCustomPlotに追加
    }

    // 凡例がクリックされたらslot toggleVisibilityを呼ぶようにconnect
    connect(ui.histogram, SIGNAL(legendClick(QCPLegend*,QCPAbstractLegendItem*,QMouseEvent*)), this, SLOT(toggleVisibility(QCPLegend*,QCPAbstractLegendItem*,QMouseEvent*)));

```
  
  
  
そしてtoogleVisibilityで以下のようにvisibilityを変更
  
  
  
```

void MainWindow::toggleVisibility(QCPLegend* legend, QCPAbstractLegendItem* item, QMouseEvent* event){
    if(!item) return;
    QCPPlottableLegendItem *plItem = qobject_cast<QCPPlottableLegendItem*>(item);
    if(!plItem) return;

    plItem->plottable()->setVisible(!plItem->plottable()->visible());
}

```
  
  
  
これで凡例の対象グラフをクリックするとそのグラフの表示・非表示がtoggleされる。こんな感じ↓
  
  
  
<iframe width="560" height="315" src="//www.youtube.com/embed/AWTy2t7nz3Y?rel=0" frameborder="0" allowfullscreen></iframe>
  
  
気になる点はlegendをみてどのgraphが現在表示されているのがわからない点。これはまた調査しよう。

2013/12/15

QCustomPlotでマウスホバー時に値を表示

前回[QCustomPlotがいい感じ](http://kohshi.blogspot.jp/2013/12/qcustomplot.html)でグラフ表示の基本を書いてみたので
次はマウスホバー＋グラフ値の表示方法について書いてみる。

マウスホバーはQCPItemTracerをつかう。
QCustomPlotは横軸のことをkeyAxis, 縦軸をvalueAxisと呼ぶがQCPMouseTrace::setGraphKey(int key)でkeyを
更新すると、対応するvalue値を保持して、指定したindicatorでグラフ内の対象箇所を示してくれる機能がある。

でも一点難点があるのはQCPGraphにだけ対応していてQCPBarsには対応してない点。
なので前回あげたヒストグラムには適応できない。

というわけで、ちょっと強引にQCPItemTracerにsetBars()とsetBarsKey()を追加してメンバー変数にQCPBarsを持たせてみる。

```qcustomplot.h

void setBars(QCPBars *bars);
  void setBarsKey(double key);

QCPBars  *mBars;

```
  
  
```qcustomplot.cppp

void QCPItemTracer::setBars(QCPBars *bars){
    if(bars)
    {
        if(bars->parentPlot() == mParentPlot){
            position->setType(QCPItemPosition::ptPlotCoords);
            position->setAxes(bars->keyAxis(), bars->valueAxis());
            mBars = bars;
            updatePosition();
        } else
            qDebug() << Q_FUNC_INFO << "bars isn't in same QCustomPlot instance as this item";
    } else
    {
        mBars = 0;
    }
}

void QCPItemTracer::setBarsKey(double key){
    setGraphKey(key);
}

// QCPItemTracer::updatePosition()の末尾に以下を追加

else if(mBars){
      if(mBars->data()->size() > 1){
          QCPBarDataMap::const_iterator first = mBars->data()->constBegin();
          QCPBarDataMap::const_iterator last  = mBars->data()->constEnd()-1;
          if (mGraphKey < first.key())
              position->setCoords(first.key(), first.value().value);
          else if (mGraphKey > last.key())
              position->setCoords(last.key(), last.value().value);
          else
          {
              QCPBarDataMap::const_iterator it = mBars->data()->lowerBound(mGraphKey);
              if (it != first) // mGraphKey is somewhere between iterators
              {
                  QCPBarDataMap::const_iterator prevIt = it-1;
                  if (mInterpolating)
                  {
                      // interpolate between iterators around mGraphKey:
                      double slope = (it.value().value-prevIt.value().value)/(it.key()-prevIt.key());
                      position->setCoords(mGraphKey, (mGraphKey-prevIt.key())*slope+prevIt.value().value);
                  } else
                  {
                      // find iterator with key closest to mGraphKey:
                      if (mGraphKey < (prevIt.key()+it.key())*0.5)
                          it = prevIt;
                      position->setCoords(it.key(), it.value().value);
                  }
              } else // mGraphKey is exactly on first iterator
                  position->setCoords(it.key(), it.value().value);
          }
      }else if (mBars->data()->size() == 1)
      {
          QCPBarDataMap::const_iterator it = mBars->data()->constBegin();
          position->setCoords(it.key(), it.value().value);
      } else
          qDebug() << Q_FUNC_INFO << "graph has no data"; //Add a comment to this line
  }

```
  
  
これでQCPItemTracerでQCPBarsの値を保持するようになった（はず）。
  
でもってQCPCustomPlotでグラフを描画したいクラスで以下のようにQItemTracerを初期化する。
  
  
```
    mpMouseTracer = new QCPItemTracer(ui.histogram);
    ui.histogram->addItem(mpMouseTracer);// Graph上に表示を設定(histogram = QCustomPlot)
    mpMouseTracer->setBars(mpHistogramBars);// ここ以外はオリジナルQCPItemTracerと同じ
    mpMouseTracer->setGraphKey(0.0);// 初期key
    mpMouseTracer->setStyle(QCPItemTracer::tsCircle);// 対象点を●で表示他にもCrossなどがある
    mpMouseTracer->setPen(QPen(Qt::red));// ●の線の色
    mpMouseTracer->setBrush(Qt::red);// ●の色
    mpMouseTracer->setSize(7);//●の大きさ

// 今回はグラフマウスホバーで値を表示したいのでQCustomPlot::mouseMove signal時にslotを読んでもらう
    connect(ui.histogram, SIGNAL(mouseMove(QMouseEvent*)), this, SLOT(histogramMouseMoved(QMouseEvent*)));

```
  
  
```

```
  
  
とすると↓のように●でマウスホバー点をTraceしてくれる。
  
  
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3myES0brrwQbLsud6uLUaDnF-FTUBRKSo-xMQy5Khw3X1FlN6PJt_lWO1iYAZpX-OChSAzpvPgmtPs5KLrm_xQ02lldDM9yL8AYx2cbD1h7ScSMnefkkfysNYRH5Lw7jbEKhv7APVac4I/s1600/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588+2013-12-12+23.45.37.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3myES0brrwQbLsud6uLUaDnF-FTUBRKSo-xMQy5Khw3X1FlN6PJt_lWO1iYAZpX-OChSAzpvPgmtPs5KLrm_xQ02lldDM9yL8AYx2cbD1h7ScSMnefkkfysNYRH5Lw7jbEKhv7APVac4I/s320/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588+2013-12-12+23.45.37.png" /></a></div>
  
  
テキスト(key, value)の表示にはQCPItemTextを使う。
mpMouseTracerと同様にこんな感じで設定して・・
  
  
```
    mpMouseText = new QCPItemText(ui.histogram);
    ui.histogram->addItem(mpMouseText);
    mpMouseText->position->setType(QCPItemPosition::ptAxisRectRatio);
    mpMouseText->setFont(QFont(font().family(), 12));
    mpMouseText->setPositionAlignment(Qt::AlignLeft);
    mpMouseText->position->setCoords(QPointF(0, 0));
    mpMouseText->setText("(-, -)");
```
  
  
histogramMouseMoved slotで更新する。
  
  
```

void MainWindow::histogramMouseMoved(QMouseEvent *event){
    QPoint pos = event->pos();
    double key = floor(mpHistogramBars->keyAxis()->pixelToCoord(pos.x()));
    mpMouseTracer->setBarsKey(key);
    double x, y;
    // 以下は文字がグラフ外に出て行かないように適当にclipしている
    x = qBound(0., mpMouseTracer->position->key()   / mpHistogramBars->keyAxis()->range().size(), 0.75);
    y = qBound(0., 1. - mpMouseTracer->position->value() / mpHistogramBars->valueAxis()->range().size(), 0.9);// value  coord is TopLeft origin
    mpMouseText->position->setCoords(x, y);
    mpMouseText->setText("(" + QString::number(mpMouseTracer->position->key()) + ", " + QString::number(mpMouseTracer->position->value()) + ")");
    ui.histogram->replot();
}

```
  
  
これでOK.

UPDATE: こんな感じ↓
  
  
<iframe width="560" height="315" src="//www.youtube.com/embed/O9fh9dg1otk?rel=0" frameborder="0" allowfullscreen></iframe>
  
  
参考までに
  
  
* tsCrosshair
  
  
<iframe width="560" height="315" src="//www.youtube.com/embed/BzK1DmJPbuk?rel=0" frameborder="0" allowfullscreen></iframe>
  
  
* tsPlug
  
  
<iframe width="560" height="315" src="//www.youtube.com/embed/0BeqqZLzU2Q?rel=0" frameborder="0" allowfullscreen></iframe>
  
  
* tsSquare
  
  
<iframe width="560" height="315" src="//www.youtube.com/embed/3R-ulANNDkU?rel=0" frameborder="0" allowfullscreen></iframe>

2013/12/12

QCustomPlotがいい感じ


最近色々な機会で[Qt](http://qt-project.org/)を使う機会が増えたんだが、
いろいろ使ってるうちに手軽にグラフを描画したいケースがけっこうでてきた。

これまでは[QWT](http://qwt.sourceforge.net/)を使っていたんだが、
単純な棒グラフ作るだけでもわりと手続きが多くてめんどくさいのが難点。
あとドキュメントもいまいち。

で、代わりを探してみると[QCustomPlot](http://www.qcustomplot.com)っていうのを
最近よく見かけるようになってて、わりと評判もよさそうなんで使ってみた。

準備としては[QCustomPlot](http://www.qcustomplot.com)にアクセスしてDownloadのページから
最新のパッケージをダウンロードし、その中から

* qcustomplot.h
* qcustomplot.cpp

を持ってきてプロジェクトに追加するだけ。

まず、Qt Designerでグラフを表示させたい箇所にWidget(QWidget)を配置。
配置したら、右クリックして格上げ先を指定を選択↓
  
  
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLwdk8FonPhe3tOCElnItTuwJvset7oq__qXtKsmQaZj3apSk1487WtgEJa0BqT9PtlgqKZgz-cU0WG_0oaTvcH-Fwd8P-wby7IMl6vILaF3hwdmI30AzpU4iYRTEaNEThf2XlrLrXR2jP/s1600/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588+2013-12-12+23.26.18.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLwdk8FonPhe3tOCElnItTuwJvset7oq__qXtKsmQaZj3apSk1487WtgEJa0BqT9PtlgqKZgz-cU0WG_0oaTvcH-Fwd8P-wby7IMl6vILaF3hwdmI30AzpU4iYRTEaNEThf2XlrLrXR2jP/s320/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588+2013-12-12+23.26.18.png" /></a></div>
  
  
格上げ先にQCustomPlotとqcostomplot.hを指定して「追加」を押し
  
  
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnwU8TApC8y-xfqbUIoF1qkcDKFS86IGtwyV8hrrauO-Q8mvDNwwvPi5FjK9IAS2hiMcaIRGH4KQvXtmGmRlFJDcU6NdJZxQmZmtD889GUW9IvHqBss_9IGFyzH3X5N32LvI5Pzp_m64WV/s1600/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588+2013-12-12+23.28.48.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnwU8TApC8y-xfqbUIoF1qkcDKFS86IGtwyV8hrrauO-Q8mvDNwwvPi5FjK9IAS2hiMcaIRGH4KQvXtmGmRlFJDcU6NdJZxQmZmtD889GUW9IvHqBss_9IGFyzH3X5N32LvI5Pzp_m64WV/s320/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588+2013-12-12+23.28.48.png" /></a></div>
  
  
追加されたQCustomPlotを選択して「格上げ」。
  
  
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCZ93fN85mcyy0L3WSxO9BiO4tzIkh6EOUMrQhNvcn8jxb7zqo60GVGCUIu_h_GrLNXjiy9mY4yPJPaIpn62saltl2Pmcs8IhJktKut-KdRMJcOqDx7JuNJ2v3l3DCPSlWNu1SK_otAZaa/s1600/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588+2013-12-12+23.30.13.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCZ93fN85mcyy0L3WSxO9BiO4tzIkh6EOUMrQhNvcn8jxb7zqo60GVGCUIu_h_GrLNXjiy9mY4yPJPaIpn62saltl2Pmcs8IhJktKut-KdRMJcOqDx7JuNJ2v3l3DCPSlWNu1SK_otAZaa/s320/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588+2013-12-12+23.30.13.png" /></a></div>
  
  
名前を例えばhistogramとかにしてDesignerでの作業は完了。
  
  
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcNqHOVrV-7j7YzSSsBLhReb6L1d6MVl_RaBoTWg_EgaM2vX72zUb3stNEgyDADEvjHq1XcoonuePPT_MSS8PBAgFk23SxRV-8eRcEGY3oAs6sUXpFB9v-f4zUGefYi44nG9uJccFo3gH1/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88+2013-12-12+23.34.17.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcNqHOVrV-7j7YzSSsBLhReb6L1d6MVl_RaBoTWg_EgaM2vX72zUb3stNEgyDADEvjHq1XcoonuePPT_MSS8PBAgFk23SxRV-8eRcEGY3oAs6sUXpFB9v-f4zUGefYi44nG9uJccFo3gH1/s320/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88+2013-12-12+23.34.17.png" /></a></div>
  
  
例えばヒストグラムを表示させたい場合にはQCPBarsを使う
  
  
クラスメンバにQCPBars（QCPBars *mpHistogramBars）を追加し、コンストラクタでのように初期化する。
  
  
```cpp: MainWindow.h

namespace Ui {
class MainWindow;
}

class MainWindow : public QMainWindow
{
    Q_OBJECT

public:
    explicit MainWindow(QWidget *parent = 0);
    ~MainWindow();

private:
    Ui::MainWindow *ui;
};

```
  
  
```cpp: MainWindow.cpp

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

    mpHistogramBars = new QCPBars(ui.histogram->xAxis, ui.histogram->yAxis);
    mpHistogramBars->setPen(QPen(Qt::gray));// 色指定
    mpHistogramBars->setBrush(QBrush(Qt::gray));// 色指定
    ui.histogram->addPlottable(mpHistogramBars);// 追加
}

```
  
  
あとは、描画したいタイミングで以下のようにQVector<double>を使ってデータをセットする。
  
  
```cpp: MainWindow.cpp

void MainWindow::drawHistogram(const QImage &image){
    QVector<double> keys(256);
    QVector<double> values(256);
    for(int i = 0; i < keys.size(); i++){
        keys[i] = i;
        values[i] = 0;
    }
    for(int j = 0; j < image.height(); j++){
        for(int i = 0; i < image.width(); i++){
            QRgb rgb = image.pixel(i, j);// RGB -> Y
            int y = qBound(0, (int)(0.299 * qRed(rgb) + 0.587 * qGreen(rgb) + 0.114 * qBlue(rgb) + 0.5), 255);
            values[y] += 1.0;
        }
    }
    mpHistogramBars->setData(keys, values);
    ui.histogram->rescaleAxes();
    ui.histogram->replot();
}

```
  
  
QCustomPlotでは基本的にデータはdoubleで指定するもよう。
実行すると以下のような感じのヒストグラムが表示される。
（ただし、グラフ中の赤丸と座標点は表示されない。結構グラフを表示した後にマウスホバーで値を見たい場合はあるので、これの表示の仕方はまた別途）
  
  

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjz3paLvesw7e7ZnoNDd0hphEGJk2zozqK1OOvSbuWw9uaFEw_MC072Eax-cRujOzSPZMQ3MXaXnm2iFzvPrzf8gvhxBSb8s0yI1iMmYIg747SM6Y7oe9xPi_L54WSCKJtrntBQ5DHQm71r/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88+2013-12-12+23.45.37.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjz3paLvesw7e7ZnoNDd0hphEGJk2zozqK1OOvSbuWw9uaFEw_MC072Eax-cRujOzSPZMQ3MXaXnm2iFzvPrzf8gvhxBSb8s0yI1iMmYIg747SM6Y7oe9xPi_L54WSCKJtrntBQ5DHQm71r/s320/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88+2013-12-12+23.45.37.png" /></a></div>
  
  
結構見栄えがいい。
複数表示もいい感じにできます。
  
  
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGTV02Bwyo28scMNXhcExeaNlkPTGvfb_9ab_IFJ8oVYMLwXGxtBYKqMPnaa8GaccX6naNFkY4dA6Fx6Ln_Fm3y8puH5K8C8JtniksKEHScsAGLX6XoXsskZdip5QTn3rKbnUowzaCjZbm/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88+2013-12-12+23.49.14.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGTV02Bwyo28scMNXhcExeaNlkPTGvfb_9ab_IFJ8oVYMLwXGxtBYKqMPnaa8GaccX6naNFkY4dA6Fx6Ln_Fm3y8puH5K8C8JtniksKEHScsAGLX6XoXsskZdip5QTn3rKbnUowzaCjZbm/s320/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88+2013-12-12+23.49.14.png" /></a></div>
  
  

QWTだとsetIntervalだとか結構わかりにくいコードをいっぱいかかないといけなかった・・。
それとくらべてQCustomPlotは直感的でわかりやすいし、簡単！
  

次はQItemTracerでマウスホバーのやり方でもまとめる予定。

2012/12/24

[自分メモ] Qt DesignerでWidget/Layoutをウインドウサイズにあわせて伸縮

まず、伸縮させたいWidgetのSizePolicyをExpandingにする。

その後に、centralWidget（QMainWindow直下のWidget）の領域で

右クリック　→　レイアウト　→　水平に並べる or 垂直に並べる or Gridに並べるを

選ぶとcentralWidget直下のWidget/Layout達が整列される。

Expandingにするだけじゃダメだった・・。

参考サイト
http://stackoverflow.com/questions/3492739/auto-expanding-layout-with-qt-designer

[自分メモ] qwtのビルド時にld: library not found for -lqwtでエラー

Mac(10.8)上でqwt-6.0.2をビルドするときに発生する。

linking ../../lib/qwtmathml.framework/qwtmathml
ld: library not found for -lqwt

のようなエラーで止まってしまう場合。

qwtconfig.priの以下の部分をコメントアウトする。

修正前

macx:CONFIG(qt_framework, qt_framework|qt_no_framework) {

QWT_CONFIG += QwtFramework
}

修正後

#macx:CONFIG(qt_framework, qt_framework|qt_no_framework) {
#
# QWT_CONFIG += QwtFramework
#}

ここの部分は.proファイルにqtAddLibraryとかで追記する事で、
qwtライブラリ自体をVisualStudioで言うところのプロジェクトファイルのように
追加するframeworkを作る際に設定するようなんだが、
これがなければ普通にdylibが作られるだけなのでオッにする。

[自分メモ] quazipのbuildでlinker error

Mac(10.8)上でquazip-0.5をbuildするとエラーになる場合の対処法。
zlibをlinkerオプションでくっつけ忘れているらしい。

quazip-0.5/quazip/quazip.proの以下の部分を修正
修正前

unix:!symbian {
headers.path=$$PREFIX/include/quazip
headers.files=$$HEADERS
target.path=$$PREFIX/lib
INSTALLS += headers target

OBJECTS_DIR=.obj
MOC_DIR=.moc

}

修正後

unix:!symbian {
headers.path=$$PREFIX/include/quazip
headers.files=$$HEADERS
target.path=$$PREFIX/lib
INSTALLS += headers target
LIBS += -lz

OBJECTS_DIR=.obj
MOC_DIR=.moc

}

LIBS += -lz を追記する。

登録: 投稿 (Atom)