可滚动视图为TabWidget

时间:2015-11-04 16:14:51

标签: c++ qt qscrollarea

这是我的问题,我使用setGeometry()方法手动显示按钮和标签。

继承自QWidget的MyClass

这是我的代码:

void MyClass::function() {
QLabel *imgP;
  QLabel *name;
  QPushButton *newConv;
  QPixmap *profilPic;

  std::stringstream ss;
  int j = 0;
  int i = 0;
  for (int tmp = 0; tmp < 15; tmp++)
    {
      if (i % 7 == 0 && i != 0)
        {
          i = 0;
          j++;                                                                        
        }
      ss << "Username " << tmp;
      name = new QLabel(tr(ss.str().c_str()), this);
      name->setAlignment(Qt::AlignCenter);
      name->setGeometry((30 * (i + 1) + 240 * i), (30 + 390 * j),
                        240, 60);
      profilPic = new QPixmap("./gui/img/avatar1.png");
      imgP = new QLabel(this);
      imgP->setPixmap(profilPic->scaled(240, 240));
      imgP->setGeometry((30 * (i + 1) + 240 * i), (90 + 390 * j),
                        240, 240);
      newConv = new QPushButton(tr("Chat"), this);
      newConv->setGeometry((30 * (i + 1) + 240 * i), (330 + 390 * j),
                           240, 60);
      newConv->setFocusPolicy(Qt::NoFocus);
      connect(newConv, SIGNAL(released()), this, SLOT(addTab()));

      ss.str("");
      ss.clear();
      i++;
    }
}

它可能比它应该复杂一点,但它的工作方式与我想要的一样..

它看起来像这样:

The result

正如您所看到的,结果很好,我显示了我的联系人,但第15个元素被隐藏,因为窗口太小。所以我的问题是:

如果发生这种情况,我该如何制作ScrollView? 我已经知道QScrollArea,但我必须与QBoxLayout合作,而且我认为这不会起作用。

感谢您的帮助!

修改

这是我的MainWidget类,它显示了窗口:

class QTabBar;

MainWidget::MainWidget(QWidget *parent) : QWidget(parent)
{                                                                                                                                                                           
  setFixedSize(1920, 1200);
  setWindowTitle(tr("Babel"));

  QVBoxLayout *mainLayout = new QVBoxLayout;
  QTabBar *tb;

  UiContact *contact = new UiContact(this);
  QScrollArea *contactScrollArea = new QScrollArea();
  contactScrollArea->setWidget(contact);

  _tabWidget = new QTabWidget;
  tb = _tabWidget->tabBar();

  _tabWidget->addTab(new Home(), tr("Home"));
  _tabWidget->addTab(contactScrollArea, tr("Contact"));

  std::ostringstream oss;

  _tabWidget->setTabsClosable(true);
  connect(_tabWidget, SIGNAL(tabCloseRequested(int)), this, SLOT(closeTab(int)));

  tb->tabButton(0, QTabBar::RightSide)->hide();
  tb->tabButton(1, QTabBar::RightSide)->hide();

  _tabWidget->setFocusPolicy(Qt::NoFocus);

  mainLayout->addWidget(_tabWidget);
  setLayout(mainLayout);
}

1 个答案:

答案 0 :(得分:1)

QScrollArea肯定是要走的路。没有必要使用布局,只需要强制窗口小部件成为它需要的大小。 QScrollArea可以处理任何QWidget派生类,并且会根据需要显示其滚动条。

实际上:如果你可以计算你需要多少空间(我认为你可以做),并相应地设置包含小部件的大小限制,QScrollArea将自动显示滚动条。您可以将QWidget::setMinimumSize用于此目的,简单的setMinimumSize(itemWidth*7,itemHeight*(count%7))就足够了。

此方法允许窗口小部件增大到填充QScrollArea。此外,如果愿意,可以在QScrollArea周围禁用框架。

编辑:

你可能有这样的事情:

MyClass *myClass = new MyClass();

...

tabs->insertTab(1,myClass,"Contact");

在这种情况下的一个示例实现是:

MyClass *myClass = new MyClass();

...

QScrollArea* contactScrollArea = new QScrollArea();
contactScrollArea->setWidget(myClass);
tabs->insertTab(1,contactScrollArea,"Contact");

它会在标签窗口小部件中放置一个滚动区域,并将MyClass的实例放在其中

QScrollArea用作相对较高的容器类。将QScrollArea视为可以在其中嵌入另一个小部件的小部件。默认情况下,它会创建一个空小部件,可以获得布局。但是通过使用setWidget,你可以在其中放置任何你想要的东西。可能的&#34;组合&#34;是QLabel,其中包含大量许可文本或任何其他可能会变得过大的小部件(如小部件)。

现在,只是一些额外的信息:

当您自己绘制内容(不创建多个小部件并编写自己的布局内容)时,您可以使用QAbstractScrollArea。它会让你完全控制。它提供了滚动条和一个单独的中间窗口小部件,您可以在paintEvent期间绘制它。但我认为这超出了这个范围。

现在,为了清洁编码。我实际上建议你创建一个单独的类ContactItem。它将由标签,图像和按钮组成,与QVBoxLayout(使它们整齐地堆积在彼此之上)保持在一起。这&#34;项目&#34;可以放在QGridLayout内。这样,您就不必担心自己安排这些物品。如果您在图片上设置了最小尺寸,则会确保这些项目是您首选的宽度/高度。标签大小限制可确保字体差异不会影响演示(按钮也是如此)。最后但同样重要的是,您的列表突然可以调整大小。 (通过使用setRowStretchsetColumnStretch,您可以确保列表居中或顶部对齐,以防窗口大于列表占用时间。

功能解释

在这里,我从截图和给定代码中获得了可能的实现(它不是我最好的代码)。

Preview of interface

它包含一个小部件&#39;它负责标签布局:

mainwidget.h

#include <QWidget>
#include "uicontact.h"

class QTabWidget;

class MainWidget : public QWidget
{
  Q_OBJECT

  QTabWidget *_tabWidget;

public:
  MainWidget(QWidget *parent = 0);
  ~MainWidget();

public slots:
  void addChatTab();
};

mainwidget.cpp

#include "mainwidget.h"

#include <QScrollArea>

#include <QTabWidget>
#include <QTabBar>
#include <QVBoxLayout>

#include "home.h"

MainWidget::MainWidget(QWidget *parent)
  : QWidget(parent)
{
  setFixedSize(1920,1200);
  setWindowTitle(tr("Babel"));

  QVBoxLayout *mainLayout = new QVBoxLayout;
  QTabBar *tb;

  UiContact *contact = new UiContact(this);
  QScrollArea *contactScrollArea = new QScrollArea();
  contactScrollArea->setWidget(contact);

  _tabWidget = new QTabWidget;
  tb = _tabWidget->tabBar();

  _tabWidget->addTab(new Home(), tr("Home"));
  _tabWidget->addTab(contactScrollArea, tr("Contact"));

  _tabWidget->setTabsClosable(true);
  connect(_tabWidget, SIGNAL(tabCloseRequested(int)), this, SLOT(closeTab(int)));

  tb->tabButton(0, QTabBar::RightSide)->hide();
  tb->tabButton(1, QTabBar::RightSide)->hide();

  _tabWidget->setFocusPolicy(Qt::NoFocus);

  mainLayout->addWidget(_tabWidget);
  setLayout(mainLayout);
}

MainWidget::~MainWidget()
{

}

void MainWidget::addChatTab()
{
  _tabWidget->addTab(new QWidget, tr("Number %1").arg(_tabWidget->count()-2));
}

班级MyClass负责创建“联系人”。标签:

uicontact.cpp

#include "uicontact.h"

#include "mainwidget.h"

#include <QLabel>
#include <QPushButton>

UiContact::UiContact(MainWidget *owner,QWidget *parent) : QWidget(parent)
{
  QLabel *imgP;
  QLabel *name;
  QPushButton *newConv;
  QPixmap *profilPic;

  int j = 0;
  int i = 0;
  for (int tmp = 0; tmp < 15; tmp++)
    {
      if (i % 7 == 0 && i != 0)
        {
          i = 0;
          j++;
        }

      name = new QLabel(tr("Username %1").arg(tmp), this);
      name->setAlignment(Qt::AlignCenter);
      name->setGeometry((30 * (i + 1) + 240 * i), (30 + 390 * j),
                        240, 60);
      profilPic = new QPixmap("./gui/img/avatar1.png");
      imgP = new QLabel(this);
      imgP->setPixmap(profilPic->scaled(240, 240));
      imgP->setGeometry((30 * (i + 1) + 240 * i), (90 + 390 * j),
                        240, 240);
      newConv = new QPushButton(tr("Chat"), this);
      newConv->setGeometry((30 * (i + 1) + 240 * i), (330 + 390 * j),
                           240, 60);
      newConv->setFocusPolicy(Qt::NoFocus);
      connect(newConv, SIGNAL(clicked(bool)), owner, SLOT(addChatTab()));

      i++;
    }

  setMinimumSize(270*7,420*(15/7+1));
}

uicontact.h文件非常简单,因此省略。

需要注意的一些事项:MyClass会收到&#39;所有者&#39;指针,这允许它直接与负责添加选项卡的顶级窗口小部件对话。您可能希望查看QSignalMapper,以便能够将单个QPushButton映射到更知名的值。使用QSignalMapper,您可以将按钮映射为整数,字符串,QWidget*QObject*

另请注意tr("Contact %1").arg(tmp),这是使程序区域设置有效的正确方法。