QWidget modification at runtime

SamuraiDestroy

I am trying to make the ui elements of my window resize according to the window size but all the QWidgets stay the same size.
I have them all in a Horizontal Layout with their sizePolicies set appropriately. Here is my code for resizing the window and widgets:

monitor = screeninfo.get_monitors()[0]
x = monitor.width
y = monitor.height

class mainWindow(QtWidgets.QMainWindow):
    def __init__(self):
        super(mainWindow, self).__init__()
        self.ui = Ui_MainWindow()
        self.ui.setupUi(self)

def refreshWindow():
    # pass
    xn = window.width()
    yn = window.height() # TODO
    window.ui.toolList.resize(toolsScale * xn, toolsScale * yn)
    window.ui.imageViewer.resize(mainScale * xn, mainScale * yn)
    window.ui.layerList.resize(layersScale * xn, layersScale * yn)
    # listX = (toolsScale + mainScale) * xn
    # window.ui.layerList.move(listX, 0)
    print(window.ui.layerList.pos())
    window.ui.layerList.show()
    # Resize window and its elements to fit the screen
    window.show()
# Function to refresh window elements

global window
if __name__ == "__main__":
    app = QtWidgets.QApplication(sys.argv)
    global window
    window = mainWindow()
    window.resize(x, y)
    refreshWindow()
    window.show()
    # Load main window

    sys.exit(app.exec())

SGaist

Hi,

Since you have a QMainWindow, is your layout applied to the central widget of your QMainWindow ? Or did you try to change the QMainWindow's own layout which is not possible.

SamuraiDestroy

@SGaist The layout is applied to the central widget and then all the ui is contained within the layout like this

JonB

@SamuraiDestroy
The "red no entry signs" (you must ignore the one on centralWidget I think) indicate you have sub-widgets which do not themselves have any layout, and that may be the cause. You need to eliminate any red no entry signs you see in Designer, except I think on centralWidget which it handles weirdly. If those widgets have child widgets you can click on the parent widget and set layout from there.

SamuraiDestroy

@JonB It looks like almost all my widgets have the red signs, despite the fact that have given them all layout alignments and size policies, so I'm not really sure what to do from here

SimonSchroeder

You have not given the widgets a layout. Instead, you have placed layouts inside the widgets. You have to right click on the widget in this list view and select the appropriate layout for the widget.

JonB

As I wrote earlier:

If those widgets have child widgets you can click on the parent widget and set layout from there.

(I meant right-click on the parent and there is an option like Set Layout >. Irritatingly I find this is only available on a parent as and when it has at least one child widget, something I commented on as being "non-intuitive" a decade ago :) )

SGaist

@JonB said in QWidget modification at runtime:

As I wrote earlier:

If those widgets have child widgets you can click on the parent widget and set layout from there.

(I meant right-click on the parent and there is an option like Set Layout >. Irritatingly I find this is only available on a parent as and when it has at least one child widget, something I commented on as being "non-intuitive" a decade ago :) )

That's why I always found writing everything by hand so much more intuitive ^^ (disclaimer: I have nothing against designer, just not my cup of tea).

SimonSchroeder

@SGaist said in QWidget modification at runtime:

That's why I always found writing everything by hand so much more intuitive

Totally agree. Most annoyingly, the tab order is never right when using the designer. This is especially the case when changes things in the future, like adding new widgets. You have to explicitly set the tab order. When I write the code instead of a .ui file, it is usually correct. Our software has so many dialogs that are unusable without a mouse. (I just don't like jumping between mouse and keyboard.)

@JonB said in QWidget modification at runtime:

Irritatingly I find this is only available on a parent as and when it has at least one child widget

Not just that. Have you ever tried to add a widget into an existing layout? There are a few corner cases where it is really hard to add a widget at the right spot inside an existing layout in the designer. Sometime I just break up the layout first to get new widgets in. However, the other widgets might be screwed up to a point where reapplying the layout still messes things up. And then you have to know to sometime simplify the layout to get rid of empty slots.

SamuraiDestroy

I have now correctly applied layouts to all my widgets, but the ui still does not correctly resize, however it does definitely change.
Here is how it looks once the program starts:

And here is how it looks when the refresh function is called manually afterwards:

(the big box in the middle of this image is the same as the small one in the middle of the first image, for some reason part of it is obstructed)

I checked and the alignments and size policies are still set how I think they should be
I also realised I wasn't resizing the central widget and that might be part of the issue but now that I am resizing it it's behaviour is unchanged

SGaist

I also realised I wasn't resizing the central widget and that might be part of the issue but now that I am resizing it it's behaviour is unchanged

The central widget should automatically resize when you resize the QMainWindow, if it does not then it has not been properly set as central widget or something else strange is at play..

JonB

@SamuraiDestroy
Qt widget layouts is a dark art. Everything you do in Designer is saved in (fairly) readable XML in the generated .ui file, nothing else. You can look at that to try to figure what is going on, and if you are really stuck you can paste it here and people can tell you what you need so long as they understand what you are trying to achieve.

SamuraiDestroy

@JonB Sorry for the late response, I was super busy. Here is the block of XML for the UI:

<widget class="QWidget" name="centralwidget">
   <widget class="QWidget" name="horizontalLayoutWidget">
    <property name="geometry">
     <rect>
      <x>0</x>
      <y>0</y>
      <width>670</width>
      <height>802</height>
     </rect>
    </property>
    <layout class="QHBoxLayout" name="horizontalLayout">
     <property name="spacing">
      <number>0</number>
     </property>
     <property name="sizeConstraint">
      <enum>QLayout::SetNoConstraint</enum>
     </property>
     <item alignment="Qt::AlignLeft|Qt::AlignVCenter">
      <widget class="QFrame" name="toolList">
       <property name="sizePolicy">
        <sizepolicy hsizetype="Preferred" vsizetype="Expanding">
         <horstretch>0</horstretch>
         <verstretch>0</verstretch>
        </sizepolicy>
       </property>
       <property name="minimumSize">
        <size>
         <width>250</width>
         <height>800</height>
        </size>
       </property>
       <property name="sizeIncrement">
        <size>
         <width>6</width>
         <height>16</height>
        </size>
       </property>
       <property name="frameShape">
        <enum>QFrame::StyledPanel</enum>
       </property>
       <property name="frameShadow">
        <enum>QFrame::Raised</enum>
       </property>
       <layout class="QHBoxLayout" name="horizontalLayout_4">
        <item>
         <layout class="QGridLayout" name="gridLayout">
          <property name="spacing">
           <number>0</number>
          </property>
         </layout>
        </item>
        <item alignment="Qt::AlignHCenter|Qt::AlignVCenter">
         <widget class="QScrollArea" name="scrollArea">
          <property name="widgetResizable">
           <bool>true</bool>
          </property>
          <widget class="QWidget" name="scrollAreaWidgetContents">
           <property name="geometry">
            <rect>
             <x>0</x>
             <y>0</y>
             <width>68</width>
             <height>68</height>
            </rect>
           </property>
          </widget>
         </widget>
        </item>
       </layout>
      </widget>
     </item>
     <item alignment="Qt::AlignHCenter|Qt::AlignVCenter">
      <widget class="QFrame" name="imageViewer">
       <property name="sizePolicy">
        <sizepolicy hsizetype="Expanding" vsizetype="Expanding">
         <horstretch>1</horstretch>
         <verstretch>1</verstretch>
        </sizepolicy>
       </property>
       <property name="minimumSize">
        <size>
         <width>100</width>
         <height>100</height>
        </size>
       </property>
       <property name="frameShape">
        <enum>QFrame::StyledPanel</enum>
       </property>
       <property name="frameShadow">
        <enum>QFrame::Plain</enum>
       </property>
      </widget>
     </item>
     <item alignment="Qt::AlignRight|Qt::AlignVCenter">
      <widget class="QFrame" name="layerList">
       <property name="sizePolicy">
        <sizepolicy hsizetype="Preferred" vsizetype="Expanding">
         <horstretch>1</horstretch>
         <verstretch>1</verstretch>
        </sizepolicy>
       </property>
       <property name="minimumSize">
        <size>
         <width>200</width>
         <height>800</height>
        </size>
       </property>
       <property name="maximumSize">
        <size>
         <width>2000</width>
         <height>8000</height>
        </size>
       </property>
       <property name="sizeIncrement">
        <size>
         <width>1</width>
         <height>4</height>
        </size>
       </property>
       <property name="toolTip">
        <string>&lt;html&gt;&lt;head/&gt;&lt;body&gt;&lt;p&gt;&lt;br/&gt;&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</string>
       </property>
       <property name="frameShape">
        <enum>QFrame::StyledPanel</enum>
       </property>
       <property name="frameShadow">
        <enum>QFrame::Raised</enum>
       </property>
       <property name="lineWidth">
        <number>3</number>
       </property>
       <property name="midLineWidth">
        <number>1</number>
       </property>
       <layout class="QHBoxLayout" name="horizontalLayout_3">
        <item alignment="Qt::AlignHCenter|Qt::AlignTop">
         <widget class="QFrame" name="frame">
          <property name="sizePolicy">
           <sizepolicy hsizetype="Expanding" vsizetype="Preferred">
            <horstretch>0</horstretch>
            <verstretch>0</verstretch>
           </sizepolicy>
          </property>
          <property name="frameShape">
           <enum>QFrame::StyledPanel</enum>
          </property>
          <property name="frameShadow">
           <enum>QFrame::Raised</enum>
          </property>
          <layout class="QVBoxLayout" name="verticalLayout">
           <item>
            <layout class="QHBoxLayout" name="horizontalLayout_2">
             <property name="spacing">
              <number>0</number>
             </property>
             <item>
              <widget class="QToolButton" name="toolButton_add">
               <property name="sizePolicy">
                <sizepolicy hsizetype="Expanding" vsizetype="Expanding">
                 <horstretch>0</horstretch>
                 <verstretch>0</verstretch>
                </sizepolicy>
               </property>
               <property name="sizeIncrement">
                <size>
                 <width>1</width>
                 <height>1</height>
                </size>
               </property>
               <property name="text">
                <string>...</string>
               </property>
               <property name="icon">
                <iconset resource="../../resources.qrc">
                 <normaloff>:/resources/plus.png</normaloff>:/resources/plus.png</iconset>
               </property>
               <property name="iconSize">
                <size>
                 <width>32</width>
                 <height>32</height>
                </size>
               </property>
               <property name="popupMode">
                <enum>QToolButton::InstantPopup</enum>
               </property>
              </widget>
             </item>
             <item>
              <widget class="QToolButton" name="toolButton_dup">
               <property name="sizePolicy">
                <sizepolicy hsizetype="Expanding" vsizetype="Expanding">
                 <horstretch>0</horstretch>
                 <verstretch>0</verstretch>
                </sizepolicy>
               </property>
               <property name="sizeIncrement">
                <size>
                 <width>1</width>
                 <height>1</height>
                </size>
               </property>
               <property name="text">
                <string>...</string>
               </property>
               <property name="icon">
                <iconset resource="../../resources.qrc">
                 <normaloff>:/resources/dup.png</normaloff>:/resources/dup.png</iconset>
               </property>
               <property name="iconSize">
                <size>
                 <width>32</width>
                 <height>32</height>
                </size>
               </property>
              </widget>
             </item>
             <item>
              <widget class="QToolButton" name="toolButton_lock">
               <property name="sizePolicy">
                <sizepolicy hsizetype="Expanding" vsizetype="Expanding">
                 <horstretch>0</horstretch>
                 <verstretch>0</verstretch>
                </sizepolicy>
               </property>
               <property name="sizeIncrement">
                <size>
                 <width>1</width>
                 <height>1</height>
                </size>
               </property>
               <property name="text">
                <string>...</string>
               </property>
               <property name="icon">
                <iconset resource="../../resources.qrc">
                 <normaloff>:/resources/lock.png</normaloff>:/resources/lock.png</iconset>
               </property>
               <property name="iconSize">
                <size>
                 <width>32</width>
                 <height>32</height>
                </size>
               </property>
               <property name="checkable">
                <bool>true</bool>
               </property>
              </widget>
             </item>
             <item>
              <widget class="QToolButton" name="toolButton_hide">
               <property name="sizePolicy">
                <sizepolicy hsizetype="Expanding" vsizetype="Expanding">
                 <horstretch>0</horstretch>
                 <verstretch>0</verstretch>
                </sizepolicy>
               </property>
               <property name="minimumSize">
                <size>
                 <width>20</width>
                 <height>20</height>
                </size>
               </property>
               <property name="sizeIncrement">
                <size>
                 <width>1</width>
                 <height>1</height>
                </size>
               </property>
               <property name="text">
                <string>...</string>
               </property>
               <property name="icon">
                <iconset resource="../../resources.qrc">
                 <normaloff>:/resources/hide.png</normaloff>:/resources/hide.png</iconset>
               </property>
               <property name="iconSize">
                <size>
                 <width>32</width>
                 <height>32</height>
                </size>
               </property>
               <property name="checkable">
                <bool>true</bool>
               </property>
              </widget>
             </item>
             <item>
              <widget class="QToolButton" name="toolButton_del">
               <property name="sizePolicy">
                <sizepolicy hsizetype="Expanding" vsizetype="Expanding">
                 <horstretch>0</horstretch>
                 <verstretch>0</verstretch>
                </sizepolicy>
               </property>
               <property name="sizeIncrement">
                <size>
                 <width>1</width>
                 <height>1</height>
                </size>
               </property>
               <property name="text">
                <string>...</string>
               </property>
               <property name="icon">
                <iconset resource="../../resources.qrc">
                 <normaloff>:/resources/x.png</normaloff>:/resources/x.png</iconset>
               </property>
               <property name="iconSize">
                <size>
                 <width>32</width>
                 <height>32</height>
                </size>
               </property>
              </widget>
             </item>
            </layout>
           </item>
          </layout>
         </widget>
        </item>
        <item alignment="Qt::AlignHCenter|Qt::AlignBottom">
         <widget class="QScrollArea" name="scrollArea_2">
          <property name="widgetResizable">
           <bool>true</bool>
          </property>
          <widget class="QWidget" name="scrollAreaWidgetContents_2">
           <property name="geometry">
            <rect>
             <x>0</x>
             <y>0</y>
             <width>68</width>
             <height>68</height>
            </rect>
           </property>
          </widget>
         </widget>
        </item>
       </layout>
      </widget>
     </item>
    </layout>
   </widget>
  </widget>

SGaist

There you go: centralwidget has no layout.

JonB

@SGaist said in QWidget modification at runtime:

There you go: centralwidget has no layout.

@SamuraiDestroy
...And in order to to set a layout on the centralwidget on a QMainWindow in Designer you have to set it (right-click, select Lay out > item) on the parent MainWindow instead.... Note that this brain -damaged behaviour applies only in this case.

SimonSchroeder

@JonB said in QWidget modification at runtime:

Note that this brain -damaged behaviour applies only in this case.

That's not true! It also applies for QStackedWidget (to set the layout of the page you need to make that page current and then set the layout of the stacked widget IIRC).

SGaist

@SimonSchroeder I would venture that it is almost more intuitive for QStackedWidget 😅