构建包含可变大小的小部件的QT Designer布局

时间:2014-03-07 01:16:28

标签: python pyqt

我有一个类,其中包含一个查看器(一个显示Pixmaps的自定义QLabel)和它下面的按钮,用于滚动可用的图像(大小不同)。

我希望按钮显示在图像的正下方,这意味着每次图像更改时都需要移动按钮。但是,当加载更大的图像时,它只是覆盖了按钮。如何在QT设计器中进行设置以避免这种情况?我认为将查看器和按钮放入QVBoxLayout就足够了,但是当QLabel调整大小时,布局的大小不会。我已经尝试了很长一段时间玩大小政策,但我一定不能理解。

编辑 - 这是我尝试只显示所需的最小代码和UI文件。

from sprite_viewer_ui import Ui_SpriteViewer

class SpriteViewer(QWidget, Ui_SpriteViewer):

    def __init__(self,parent = None):
        super(SpriteViewer,self).__init__(parent)
        self.setupUi(self)

        self.session = Session()

        self.sv = SpriteLabel(self.session,parent=self)
        self.setupSession(self)

    def setupSession(self):
        #Update the slider and spinbox with the new range
        self.spriteSlider.setRange(1,self.session.getNumSprites())
        self.spritePicker.setRange(1,self.session.getNumSprites())

        #Show the initial sprite
        self.sv.showSprite(1)
        self.spriteSlider.setValue(1)

        #Make connections
        self.spriteSlider.valueChanged.connect(self.session.setSprite)
        self.session.spriteChanged.connect(self.sv.showSprite)

if __name__ == "__main__":
    a = QApplication(sys.argv)

    se = SpriteViewer()
    se.show()

    sys.exit(a.exec_())

所以这里的代码只是使用UI来构建一个带有查看器sv的基本界面,以及一个旋转框和滑块来显示使用哪个精灵。 ui文件是:

<?xml version="1.0" encoding="UTF-8"?>
<ui version="4.0">
 <class>SpriteViewer</class>
 <widget class="QWidget" name="SpriteViewer">
  <property name="geometry">
   <rect>
    <x>0</x>
    <y>0</y>
    <width>658</width>
    <height>420</height>
   </rect>
  </property>
  <property name="windowTitle">
   <string>Form</string>
  </property>
  <layout class="QVBoxLayout" name="verticalLayout">
   <property name="sizeConstraint">
    <enum>QLayout::SetDefaultConstraint</enum>
   </property>
   <item>
    <widget class="QLabel" name="sv">
     <property name="minimumSize">
      <size>
       <width>640</width>
       <height>360</height>
      </size>
     </property>
     <property name="text">
      <string/>
     </property>
    </widget>
   </item>
   <item>
    <layout class="QHBoxLayout" name="horizontalLayout">
     <item>
      <widget class="QSlider" name="spriteSlider">
       <property name="maximum">
        <number>0</number>
       </property>
       <property name="orientation">
        <enum>Qt::Horizontal</enum>
       </property>
       <property name="tickPosition">
        <enum>QSlider::TicksBelow</enum>
       </property>
       <property name="tickInterval">
        <number>30</number>
       </property>
      </widget>
     </item>
     <item>
      <widget class="QSpinBox" name="spritePicker">
       <property name="maximum">
        <number>0</number>
       </property>
      </widget>
     </item>
    </layout>
   </item>
  </layout>
 </widget>
 <resources/>
 <connections>
  <connection>
   <sender>spriteSlider</sender>
   <signal>valueChanged(int)</signal>
   <receiver>spritePicker</receiver>
   <slot>setValue(int)</slot>
   <hints>
    <hint type="sourcelabel">
     <x>562</x>
     <y>361</y>
    </hint>
    <hint type="destinationlabel">
     <x>587</x>
     <y>362</y>
    </hint>
   </hints>
  </connection>
  <connection>
   <sender>spritePicker</sender>
   <signal>valueChanged(int)</signal>
   <receiver>spriteSlider</receiver>
   <slot>setValue(int)</slot>
   <hints>
    <hint type="sourcelabel">
     <x>594</x>
     <y>361</y>
    </hint>
    <hint type="destinationlabel">
     <x>540</x>
     <y>363</y>
    </hint>
   </hints>
  </connection>
 </connections>
</ui>

我意识到这是一个噩梦。但基本上它是QHBoxLayout中的一个spinbox和一个滑块,以及一个QLabel(我后来设置为我的SpriteViewer类,它是QLabel的子类。这个是问题 - 每个sprite是不同的大小,我希望SpriteViewer根据SpriteLabel的大小。

1 个答案:

答案 0 :(得分:1)

我解决了问题 - 只是跟进,所以问题不会完整。

我无法理解推广的小部件在QT Designer中的工作原理,所以在这一行:

self.sv = SpriteLabel(self.session,parent=self)

我已经将self.sv分配给一个全新的SpriteLabel(它不是布局的一部分),因此调整它的大小对布局没有影响。相反,我不得不使用Designer中的“Promote to”上下文菜单来指示它是SpriteLabel,然后将作业保留到UI文件中。