如何让图片填满整个QScrollArea？（Qt Designer实现）

要消除四周的10px空白，优先通过样式表+布局边距调整来实现，具体步骤如下：

一、样式表调整（优先方案） #

直接给涉及的控件添加样式表，清除内边距和外边距：

• 选中QScrollArea，添加样式表：

  QScrollArea { border: none; padding: 0px; }
  

• 选中ScrollArea内部的Frame，添加样式表：

  QFrame { border: none; padding: 0px; }
  

• 选中QLabel，修改原有样式表，补充清除边距的规则：

  QLabel { 
      border-image: url(你的图片路径); 
      padding: 0px; 
      margin: 0px; 
  }
  

二、布局边距检查（辅助补充） #

如果样式表调整后仍有空白，检查各控件的布局默认边距：

• 右键点击QScrollArea → 选择「布局」→「设置布局」，将左、上、右、下的布局边距全部设为0
• 同理，右键点击Frame → 「布局」→「设置布局」，边距全设为0
• 右键点击QLabel → 「布局」→「设置布局」，边距全设为0

原因说明 #

默认状态下，QScrollArea、内部Frame以及QLabel的布局都会自带10px左右的默认边距，再加上控件本身的默认padding，就会导致图片四周出现空白区域。通过上述样式表清除padding，再配合布局边距清零，就能让图片完全填满QScrollArea。

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