1

我怎样才能消除间隙/空间QPushButton

我正在查看 Windows 10 计算器,即:

在此处输入图像描述

如您所见,按钮 7 和 8 之间没有空格,我尝试在占碑中做同样的事情,方法是设置空格QGridLayoutQPushButton如下所示:

QVBoxLayout main_layout = new QVBoxLayout();

QGridLayout sample_layout = new QGridLayout();
sample_layout.setHorizontalSpacing(0);
sample_layout.setVerticalSpacing(0);
sample_layout.setContentsMargins(0,0,0,0);
sample_layout.setSpacing(0);
sample_layout.setWidgetSpacing(0); 

main_layout.addLayout(sample_layout);

QLineEdit edit_input = new QLineEdit();

QPushButton action_0 = new QPushButton("0");
action_0.setMinimumHeight(60);
action_0.setContentsMargins(0, 0, 0, 0);

QPushButton action_1 = new QPushButton("1");
action_1.setMinimumHeight(60);
action_1.setContentsMargins(0, 0, 0, 0);

QPushButton action_2 = new QPushButton("2");
action_2.setMinimumHeight(60);
action_2.setContentsMargins(0, 0, 0, 0);

QPushButton action_3 = new QPushButton("3");
action_3.setMinimumHeight(60);
action_3.setContentsMargins(0, 0, 0, 0);

QPushButton action_4 = new QPushButton("4");
action_4.setMinimumHeight(60);
action_4.setContentsMargins(0, 0, 0, 0);

QPushButton action_5 = new QPushButton("5");
action_5.setMinimumHeight(60);
action_5.setContentsMargins(0, 0, 0, 0);

QPushButton action_6 = new QPushButton("6");
action_6.setMinimumHeight(60);
action_6.setContentsMargins(0, 0, 0, 0);

QPushButton action_7 = new QPushButton("7");
action_7.setMinimumHeight(60);
action_7.setContentsMargins(0, 0, 0, 0);

QPushButton action_8 = new QPushButton("8");
action_8.setMinimumHeight(60);
action_8.setContentsMargins(0, 0, 0, 0);

QPushButton action_9 = new QPushButton("9");
action_9.setMinimumHeight(60);
action_9.setContentsMargins(0, 0, 0, 0);

QPushButton action_plus = new QPushButton("+");
action_plus.setMinimumHeight(120);
action_plus.setContentsMargins(0, 0, 0, 0);

QPushButton action_minus = new QPushButton("-");
action_minus.setMinimumHeight(60);
action_minus.setContentsMargins(0, 0, 0, 0);

QPushButton action_divide = new QPushButton("/");
action_divide.setMinimumHeight(60);
action_divide.setContentsMargins(0, 0, 0, 0);

QPushButton action_times = new QPushButton("X");
action_times.setMinimumHeight(60);
action_times.setContentsMargins(0, 0, 0, 0);

QPushButton action_equal = new QPushButton("=");
action_equal.setMinimumHeight(120);
action_equal.setContentsMargins(0, 0, 0, 0);

QPushButton action_dot = new QPushButton(".");
action_dot.setMinimumHeight(60);
action_dot.setContentsMargins(0, 0, 0, 0);

QPushButton action_del = new QPushButton("< Delete");
action_del.setMinimumHeight(60);
action_del.setContentsMargins(0, 0, 0, 0);

QPushButton action_clear = new QPushButton("Clear");
action_clear.setMinimumHeight(60);
action_clear.setContentsMargins(0, 0, 0, 0);

sample_layout.addWidget(edit_input,0,0,1,4);
sample_layout.addWidget(action_minus,1,0);
sample_layout.addWidget(action_divide,1,1);
sample_layout.addWidget(action_times,1,2);
sample_layout.addWidget(action_del,1,3);
sample_layout.addWidget(action_7,2,0);
sample_layout.addWidget(action_8,2,1);
sample_layout.addWidget(action_9,2,2);
sample_layout.addWidget(action_4,3,0);
sample_layout.addWidget(action_5,3,1);
sample_layout.addWidget(action_6,3,2);
sample_layout.addWidget(action_1,4,0);
sample_layout.addWidget(action_2,4,1);
sample_layout.addWidget(action_3,4,2);
sample_layout.addWidget(action_clear,5,0);
sample_layout.addWidget(action_0,5,1);
sample_layout.addWidget(action_dot,5,2);
sample_layout.addWidget(action_plus,2,3,2,1);
sample_layout.addWidget(action_equal,4,3,2,1);

但我之间仍然有差距。

在此处输入图像描述

注意:如果我设置main_layout.setContentsMargins(0,0,0,0)并且main_layout.setWidgetSpacing(0)我完全适合QLineEdit下面的图像,但不是QPushButton这样我相信有一个选项QPushButton可以创建这个差距,但只有 QPushButton 选项setContentsMargins(),知道吗?

在此处输入图像描述

我确实调查过其他提出相同问题的人,他们使用QSpacerItem的解决方案没有意义(感觉不像正确/专业的方式),因为QLineEdit它完美地没有任何差距,但不是在QPushButton.

编辑:当我应用action_plus.setFlat(true);按钮结果是这样的:

在此处输入图像描述

4

1 回答 1

1

为了避免大量编写,创建一个继承自QPushButton. 在构造函数中添加一个setFlat(true)用于处理按钮边框提升的调用(除非被样式覆盖)。下面的样式表(用于setStyleSheet(...)设置您的按钮以使用它)提供了一个很好的悬停效果:

QPushButton:hover{
  background-color: rgb(164, 156, 156);
  border: 0px;
}

根据您的喜好更改颜色以适合 Windows 10 主题。您可以省略setFlat(true),而是添加

QPushButton{
  border: 0px
}

到您的样式表(连同悬停处理程序)。效果是一样的。

结果是(在我的情况下是在 Linux 上):

在此处输入图像描述

您还可以在其样式表中QLineEdit使用border属性扁平化:

完全没有边界:

在此处输入图像描述

1px 实线边框:

在此处输入图像描述

于 2016-04-20T20:13:56.233 回答