使用QTabWidget在Qt中创建选项卡

时间:2014-08-23 07:32:26

标签: c++ qt user-interface tabs

Here他们告诉我们如何创建标签:

  • 创建QTabWidget
  • 为每个页面创建一个QWidget 选项卡对话框,但不指定它们的父窗口小部件。
  • 插入儿童 窗口小部件中的窗口小部件,使用布局将它们定位为 正常。
  • 调用addTab()insertTab()将页面小部件放入 选项卡小部件,为每个选项卡提供带有可选项的合适标签 键盘快捷键。

所以,我创建了一个标签小部件:

class mainWindow : public QDialog
{
    Q_OBJECT
    QWidget* m_mainWindow;

    QTabWidget* tab;
    ...

然后我有一个定义“页面”的Widget类:

class tradeView : public QWidget
{
    Q_OBJECT

    QWidget* tradeWidget;
    ...

这就是小部件的c'tor(应该作为页面进入选项卡)的样子:

tradeView::tradeView()
{
    tradeWidget = new QWidget;
    tradeWidget->setWindowTitle("Trade View");

    tradeWidget->setGeometry(150,18,1800,800);

    m_pTableWidget = new QTableWidget(this);
    m_pTableWidget->setRowCount(100);
    m_pTableWidget->setColumnCount(6);
    m_TableHeader<<"Client Id"<<"Symbol"<<"Quantity"<<"Strategy Id"<<"Expiry" << "Side";
    m_pTableWidget->setHorizontalHeaderLabels(m_TableHeader);
    m_pTableWidget->verticalHeader()->setVisible(false);
    m_pTableWidget->setEditTriggers(QAbstractItemView::NoEditTriggers);
    m_pTableWidget->setSelectionBehavior(QAbstractItemView::SelectRows);
    m_pTableWidget->setSelectionMode(QAbstractItemView::SingleSelection);
    m_pTableWidget->setShowGrid(false);
    m_pTableWidget->setStyleSheet("QTableView {selection-background-color: red;}");
    m_pTableWidget->setGeometry(QApplication::desktop()->screenGeometry());

    QHBoxLayout *layout = new QHBoxLayout;
    layout->addWidget(m_pTableWidget);
    tradeWidget->setLayout(layout);
}

然后我在主对话框中执行了以下操作:

mainWindow::mainWindow(QWidget* parent):QDialog(parent)
{
    m_mainWindow = new QWidget;
    m_mainWindow->setWindowTitle("Main Window");
    QVBoxLayout *layout = new QVBoxLayout;
    tradeView* tradeViewWindow = new tradeView();
    orderView* orderViewWindow = new orderView();
    tab = new QTabWidget(this);
    tab->addTab(tradeViewWindow, "Trade");
    tab->addTab(orderViewWindow, "Order");

    layout->addWidget(tab);
    m_mainWindow->setLayout(layout);
    m_mainWindow->setGeometry(150,18,1850,900);

    m_mainWindow->show();

}

我希望小部件显示在标签中。 但是当我运行代码时,选项卡已创建,但完全为空。

我在这里缺少什么?

1 个答案:

答案 0 :(得分:2)

你的小部件构造很奇怪。小部件的粗略对象所有权如下所示:

MainWindow (top-level QDialog)
m_mainWindow (top-level QWidget)
  tab (QTabWidget)
    tradeViewWindow (QWidget)
    orderViewWindow (QWidget)
tradeView->tradeWidget (hidden top-level QWidget)
  QTableWidget
orderView->orderWidget (hidden top-level QWidget)
  QTableWidget

你现在看到问题了吗?你实际上有4个顶级QWidgets,其中两个是隐藏的。您正在看到空标签,因为您在另一个隐藏的QWidget中创建了QTableWidget。换句话说,QTableWidget的父级不是标签,它的父级是隐藏的顶级QWidget。

解决方案:tradeView本身已经是一个QWidget,不需要再在其中创建另一个tradeWidget。您应该将布局的父级设置为tradeView本身:

tradeView::tradeView()
{
    //tradeWidget = new QWidget;  // this is a hidden top-level QWidget
    //tradeWidget->setWindowTitle("Trade View");

    //tradeWidget->setGeometry(150,18,1800,800);

    m_pTableWidget = new QTableWidget(this);
    m_pTableWidget->setRowCount(100);
    m_pTableWidget->setColumnCount(6);
    m_TableHeader<<"Client Id"<<"Symbol"<<"Quantity"<<"Strategy Id"<<"Expiry" << "Side";
    m_pTableWidget->setHorizontalHeaderLabels(m_TableHeader);
    m_pTableWidget->verticalHeader()->setVisible(false);
    m_pTableWidget->setEditTriggers(QAbstractItemView::NoEditTriggers);
    m_pTableWidget->setSelectionBehavior(QAbstractItemView::SelectRows);
    m_pTableWidget->setSelectionMode(QAbstractItemView::SingleSelection);
    m_pTableWidget->setShowGrid(false);
    m_pTableWidget->setStyleSheet("QTableView {selection-background-color: red;}");
    m_pTableWidget->setGeometry(QApplication::desktop()->screenGeometry());

    QHBoxLayout *layout = new QHBoxLayout;
    layout->addWidget(m_pTableWidget);
    //tradeWidget->setLayout(layout);
    this->setLayout(layout);
}

作为旁注,你的MainWindow是一个QDialog也会创建另一个m_mainWindow,你确定这是你的意图吗?