如何阻止Loading文本左移同时保持其在按钮中居中对齐？

问题描述 #

如何阻止Loading文本向左移动，同时仍保持其在按钮的中心对齐？

演示动图：

当前实现代码 #

auto timer = new QTimer();
auto button = new QPushButton(this);

button->setGeometry(50, 50, 200, 50);
QGridLayout* layout = new QGridLayout();
button->setLayout(layout);

QLabel* label = new QLabel(button);
label->setStyleSheet("qproperty-alignment: AlignCenter;");

layout->addWidget(label);

timer->setInterval(500);
timer->start();

QObject::connect(timer, &QTimer::timeout, [=]
{
    static int dot = 0;

    dot = (dot + 1) % 4;

    QString text = "Loading...";
    text.resize(7 + dot);

    label->setText(text);
});

解决方案 #

问题根源在于：你通过resize截断文本，导致每次更新的文本长度不一致，QLabel的宽度会随文本长度变化，即便设置了居中对齐，视觉上也会出现左移效果。

解决方法是固定QLabel的最小宽度为最长目标文本的宽度，确保QLabel不会因文本变短而缩小，同时调整文本生成逻辑：

修改后的完整代码 #

auto timer = new QTimer();
auto button = new QPushButton(this);

button->setGeometry(50, 50, 200, 50);
QGridLayout* layout = new QGridLayout();
button->setLayout(layout);

QLabel* label = new QLabel(button);
label->setStyleSheet("qproperty-alignment: AlignCenter;");
// 设置最小宽度为最长文本"Loading..."的宽度，锁定Label尺寸
label->setMinimumWidth(label->fontMetrics().width("Loading..."));

layout->addWidget(label);

timer->setInterval(500);
timer->start();

QObject::connect(timer, &QTimer::timeout, [=]
{
    static int dot = 0;
    dot = (dot + 1) % 4;

    // 直接生成对应点数的加载文本，避免截断操作
    QString text = "Loading" + QString(dot, '.');
    label->setText(text);
});

原理说明 #

1. label->setMinimumWidth(label->fontMetrics().width("Loading..."))：通过字体度量获取最长文本的宽度，将其设为QLabel的最小宽度，确保QLabel始终占据足够空间，不会随文本长度变化收缩。
2. 替换resize截断逻辑为直接拼接点数：生成Loading + 0-3个点的文本，逻辑更直观，也避免了截断带来的文本内容异常。

内容的提问来源于stack exchange，提问作者Cesar