我正在尝试在 Qt 中编写战舰的实现，我正在使用两个 QGridLayouts 来包含用于表示玩家网格的 QToolButtons。顶层布局(QMainWindows 之一)是 QHBoxLayout。我想要完成的是删除这些按钮之间的间距。这是它现在的样子:

它绝对不漂亮。我正在像这样将项目添加到这些布局中:

QIcon icon;
icon.addFile(QStringLiteral(":/images/Resources/field_blue.png"), QSize(), QIcon::Normal, QIcon::Off);
for (int i = 0; i < dimensions; ++i)
{
    for (int j = 0; j < dimensions; ++j)
    {
        QToolButton* buttonLeft = new QToolButton(this);
        buttonLeft->setToolButtonStyle(Qt::ToolButtonTextUnderIcon);
        buttonLeft->setText(QString::number(i) + "-" + QString::number(j));
        buttonLeft->setFixedSize(FIELD_ICON_SIZE + 10, FIELD_ICON_SIZE + 10); // FIELD_ICON_SIZE -> 20
        buttonLeft->setIcon(icon);
        buttonLeft->setIconSize(QSize(FIELD_ICON_SIZE, FIELD_ICON_SIZE));
        buttonLeft->setAutoRaise(true);
        QToolButton* buttonRight = new QToolButton(this);
        buttonRight->setToolButtonStyle(Qt::ToolButtonTextUnderIcon);
        buttonRight->setText(QString::number(i) + "-" + QString::number(j));
        buttonRight->setFixedSize(FIELD_ICON_SIZE + 10, FIELD_ICON_SIZE + 10);
        buttonRight->setIcon(icon);
        buttonRight->setIconSize(QSize(FIELD_ICON_SIZE, FIELD_ICON_SIZE));
        buttonRight->setAutoRaise(true);
        _ui.gridLayoutLeft->addWidget(buttonLeft, i, j);
        _ui.gridLayoutRight->addWidget(buttonRight, i, j);
    }
}

我可以尝试使用垫片，但它们会留下空白点，这也是不可取的。

最佳答案

在编程中几乎总是有多种方法可以实现您想要的，所以我会给您我的解决方案，这只是另一种。 如果您想将“按钮”用作游戏的图 block ，则需要对它们进行强风格化，而不仅仅是让它们看起来像您想要的特定平台中特定主题的方式，这就是您现在正在做的事情。 QToolButton 的默认样式在 Mac、Windows、Linux 上不同，自动上升效果的行为也不相同。这就是为什么我建议完全控制按钮样式。 我将提供一个非常基本的示例，您可以使用它来获得一些想法并将它们应用到您的应用程序中。

首先，我决定使用 QPushButton 而不是 QToolButton。填充左侧网格的代码如下所示:

// ...
for (int i = 0; i < dimensions; ++i)
{
    for (int j = 0; j < dimensions; ++j)
    {
        QPushButton* buttonLeft = new QPushButton(this);
        buttonLeft->setFixedSize(20, 20);
        QToolButton* buttonRight = new QToolButton(this);
        ui->gridLayoutLeft->addWidget(buttonLeft, i + 1, j + 1);

        // ...

    }
}

请注意，我在将按钮添加到网格时更改了索引。这是因为我将保留第一行和第一列用于稍后用于缩小按钮的垫片。

现在，让我们将布局间距设置为零:

ui->gridLayoutLeft->setSpacing(0);

并添加垫片:

    // Vertical spacers
    ui->gridLayoutLeft->addItem(new QSpacerItem(20, 40, QSizePolicy::Minimum, QSizePolicy::Expanding), 0, 0, 1, dimensions + 2);
    ui->gridLayoutLeft->addItem(new QSpacerItem(20, 40, QSizePolicy::Minimum, QSizePolicy::Expanding), dimensions + 1, 0, 1, dimensions + 2);

    // Horizontal spacers
    ui->gridLayoutLeft->addItem(new QSpacerItem(40, 20, QSizePolicy::Expanding, QSizePolicy::Minimum), 1, 0, dimensions, 1);
    ui->gridLayoutLeft->addItem(new QSpacerItem(40, 20, QSizePolicy::Expanding, QSizePolicy::Minimum), 1, dimensions + 1, dimensions, 1);

按钮现在尽可能地连接在一起。

最后，按钮需要设置样式。为此，我更喜欢使用样式表。 (关于样式表的很多信息可以在Qt文档中找到:The Style Sheet Syntax、Qt Style Sheets Reference、Qt Style Sheets Examples)

QString styleSheet =
    "QPushButton {"
    "  background-color: blue;"
    "  border: none;"
    "}"
    "QPushButton:hover {"
      "background-color: lightblue;"
    "}"
    "QPushButton:pressed {"
      "background-color: red;"
    "}";
setStyleSheet(styleSheet);

这个简单样式表的结果是:

您可以玩它直到获得良好的行为，您甚至可以模拟自动提升效果，但最重要的事实是，使用这种方法，您的游戏板在所有支持 Qt 的平台上看起来应该完全相同。

关于c++ - Qt QGridLayout - 删除项目间距，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/25560104/