0

我正在创建自己的 QPushButton 并对其进行样式设置。我注意到发生的是，如果按下并检查按钮，文本会稍微移位（这并不奇怪，因为这使它看起来像一个按钮）。我不希望这种情况发生。我尝试查看可以更改以抑制这种行为的样式表属性，但没有运气。有没有办法可以实现这一目标？

这是两种状态下的按钮。如果在图像查看器中一个接一个地叠加或查看，您可以看到文本位移。

在此处输入图像描述

在此处输入图像描述

以下是相关代码：

#include "ModeButton.h"

// The RGB colour codes that we use to help create our dynamic stylesheets. Longer term the colour codes may be moved to a global colour file
const QString ModeButton::m_rgbModeButtonEnabledBorder     = QString("rgb(102, 102, 102)");
const QString ModeButton::m_rgbModeButtonEnabledBackground = QString("rgb(153, 153, 153)");
const QString ModeButton::m_rgbModeButtonEnabledText       = QString("rgb(102, 102, 102)");
const QString ModeButton::m_rgbModeButtonDisabledBorder    = QString("rgb(82, 82, 82)");
const QString ModeButton::m_rgbModeButtonDisabledText      = QString("rgb(82, 82, 82)");
const QString ModeButton::m_rgbModeButtonCheckedText       = QString("rgb(0, 0, 0)");
const QString ModeButton::m_rgbModeButtonCheckedBackGround = QString("rgb(255, 153, 51)");

// We dynamically create our stylesheets so that we can separate out the colour from the rest of the styling
const QString ModeButton::m_styleSheetEnabledTemplate  = QString("QPushButton { color: TEXT_RGB; border: 0px solid BORDER_RGB; border-radius: 7px; background-color: BACKGROUND_RGB; }");
const QString ModeButton::m_styleSheetDisabledTemplate = QString("QPushButton:disabled { border: 0px solid BORDER_RGB; color: TEXT_RGB; }");
const QString ModeButton::m_styleSheetCheckedTemplate  = QString("QPushButton:checked { color: TEXT_RGB; border: 0px solid BORDER_RGB; border-radius: 7px; background-color: BACKGROUND_RGB; }");

ModeButton::ModeButton(OperatingModeButtonType a_OperatingModeButtonType, ChannelContainerWidget* ParentContainer, bool DoubleChanneled, int RowSpan)
  : QPushButton(GetOperatingModeButtonLabel(a_OperatingModeButtonType), (QWidget*)ParentContainer),
  m_OperatingModeButtonType(a_OperatingModeButtonType),
  m_DoubleChanneled(DoubleChanneled),
  m_RowSpan(RowSpan)
{
    ModifyStyle();
    setCheckable(true);
    setFixedWidth(-1);
}

//-----------------------------------------------------------------------------

QString ModeButton::GetEnabledStyleSheetString()
{
    QString styleSheetString = m_styleSheetEnabledTemplate;

    styleSheetString.replace("TEXT_RGB", m_rgbModeButtonEnabledText);
    styleSheetString.replace("BORDER_RGB", m_rgbModeButtonEnabledBorder);
    styleSheetString.replace("BACKGROUND_RGB", m_rgbModeButtonEnabledBackground);

    return styleSheetString;
}

//-----------------------------------------------------------------------------

QString ModeButton::GetDisabledStyleSheetString()
{
    QString styleSheetString = m_styleSheetDisabledTemplate;

    styleSheetString.replace("TEXT_RGB", m_rgbModeButtonDisabledText);
    styleSheetString.replace("BORDER_RGB", m_rgbModeButtonDisabledBorder);

    return styleSheetString;
}

//-----------------------------------------------------------------------------

QString ModeButton::GetCheckedStyleSheetString()
{
    QString styleSheetString = m_styleSheetCheckedTemplate;

    styleSheetString.replace("TEXT_RGB", m_rgbModeButtonCheckedText);
    styleSheetString.replace("BORDER_RGB", m_rgbModeButtonEnabledBorder);
    styleSheetString.replace("BACKGROUND_RGB", m_rgbModeButtonCheckedBackGround);

    return styleSheetString;
}

//-----------------------------------------------------------------------------

void ModeButton::ModifyStyle()
{
    setStyleSheet(GetEnabledStyleSheetString() + GetDisabledStyleSheetString() + GetCheckedStyleSheetString());
}

///////////////////////////////////////////////////////////////////////////////
4

1 回答 1

0

将 m_styleSheetEnabledTemplate 和 m_styleSheetCheckedTemplate 的填充属性都设置为 0 可以解决我的问题。我相信默认填充值是不同的，这就是实际实现文本置换的方式。感谢@JohannesSchaub-litb 提出尝试填充属性的建议。

于 2018-02-07T16:52:28.967 回答