Qt
QListViewのヘッダ
サーチ…
前書き
QListViewウィジェットは、QtのModel / Viewプログラミング機構の一部です。基本的には、モデルに格納された項目をリスト形式で表示することができます。このトピックでは、QtのModel / Viewメカニズムについて詳しくは解説しませんが、1つのViewウィジェットのグラフィカルな側面、QListView、特にQPaintEventを使用してこのオブジェクトの上にヘッダーを追加する方法オブジェクト。
カスタムQListView宣言
/*!
* \class MainMenuListView
* \brief The MainMenuListView class is a QListView with a header displayed
* on top.
*/
class MainMenuListView : public QListView
{
Q_OBJECT
/*!
* \class Header
* \brief The header class is a nested class used to display the header of a
* QListView. On each instance of the MainMenuListView, a header will
* be displayed.
*/
class Header : public QWidget
{
public:
/*!
* \brief Constructor used to defined the parent/child relation
* between the Header and the QListView.
* \param parent Parent of the widget.
*/
Header(MainMenuListView* parent);
/*!
* \brief Overridden method which allows to get the recommended size
* for the Header object.
* \return The recommended size for the Header widget.
*/
QSize sizeHint() const;
protected:
/*!
* \brief Overridden paint event which will allow us to design the
* Header widget area and draw some text.
* \param event Paint event.
*/
void paintEvent(QPaintEvent* event);
private:
MainMenuListView* menu; /*!< The parent of the Header. */
};
public:
/*!
* \brief Constructor allowing to instanciate the customized QListView.
* \param parent Parent widget.
* \param header Text which has to be displayed in the header
* (Header by default)
*/
MainMenuListView(QWidget* parent = nullptr, const QString& header = QString("Header"));
/*!
* \brief Catches the Header paint event and draws the header with
* the specified text in the constructor.
* \param event Header paint event.
*/
void headerAreaPaintEvent(QPaintEvent* event);
/*!
* \brief Gets the width of the List widget.
* This value will also determine the width of the Header.
* \return The width of the custom QListView.
*/
int headerAreaWidth();
protected:
/*!
* \brief Overridden method which allows to resize the Header.
* \param event Resize event.
*/
void resizeEvent(QResizeEvent* event);
private:
QWidget* headerArea; /*!< Header widget. */
QString headerText; /*!< Header title. */
};
カスタムQListViewの実装
QSize MainMenuListView::Header::sizeHint() const
{
// fontmetrics() allows to get the default font size for the widget.
return QSize(menu->headerAreaWidth(), fontMetrics().height());
}
void MainMenuListView::Header::paintEvent(QPaintEvent* event)
{
// Catches the paint event in the parent.
menu->headerAreaPaintEvent(event);
}
MainMenuListView::MainMenuListView(QWidget* parent, const QString& header) : QListView(parent), headerText(header)
{
headerArea = new Header(this);
// Really important. The view port margins define where the content
// of the widget begins.
setViewportMargins(0, fontMetrics().height(), 0, 0);
}
void MainMenuListView::headerAreaPaintEvent(QPaintEvent* event)
{
// Paints the background of the header in gray.
QPainter painter(headerArea);
painter.fillRect(event->rect(), Qt::lightGray);
// Display the header title in black.
painter.setPen(Qt::black);
// Writes the header aligned on the center of the widget.
painter.drawText(0, 0, headerArea->width(), fontMetrics().height(), Qt::AlignCenter, headerText);
}
int MainMenuListView::headerAreaWidth()
{
return width();
}
void MainMenuListView::resizeEvent(QResizeEvent* event)
{
// Executes default behavior.
QListView::resizeEvent(event);
// Really important. Allows to fit the parent width.
headerArea->adjustSize();
}
使用例:MainWindow宣言
class MainMenuListView;
class MainWindow : public QMainWindow
{
Q_OBJECT
public:
MainWindow(QWidget* parent = 0);
~MainWindow();
private:
MainMenuListView* menuA;
MainMenuListView* menuB;
MainMenuListView* menuC;
};
ユースケース:実装
MainWindow::MainWindow(QWidget *parent) : QMainWindow(parent)
{
QWidget* w = new QWidget(this);
QHBoxLayout* hbox = new QHBoxLayout();
QVBoxLayout* vBox = new QVBoxLayout();
menuA = new MainMenuListView(w, "Images");
menuB = new MainMenuListView(w, "Videos");
menuC = new MainMenuListView(w, "Devices");
vBox->addWidget(menuA);
vBox->addWidget(menuB);
vBox->addWidget(menuC);
vBox->setSpacing(0);
hbox->addLayout(vBox);
QPlainTextEdit* textEdit = new QPlainTextEdit(w);
hbox->addWidget(textEdit);
w->setLayout(hbox);
setCentralWidget(w);
move((QApplication::desktop()->screenGeometry().width() / 2) - (size().width() / 2),
(QApplication::desktop()->screenGeometry().height() / 2) - (size().height() / 2));
}
MainWindow::~MainWindow() {}
ユースケース:サンプル出力
次に出力例を示します。
上記のように、スタックされたメニューを作成するのに便利です。このサンプルは自明であることに注意してください。 2つのウィジェットには同じサイズの制約があります。
Modified text is an extract of the original Stack Overflow Documentation
ライセンスを受けた CC BY-SA 3.0
所属していない Stack Overflow