How to scale an widget in specified in qt

Question

I have divided my main screen in 4 areas as border-layout as center,right,left and bottom. The right, left and bottom areas are small and contain only buttons. My center area has to display the different widgets and forms depending on the buttons pressed in right/left/bottom areas.

Can anybody suggest how I can design my forms or widgets so that when I show the widget in the center area, it will fit into the center area and all the items inside this will be scaled rationally.

Please refer to the attached image file for a better idea.

If my explanation is not clear please let me know I will try better.

Answer 1

Looks like you already have a decent start. If you only have icons, typically icons won't be able to expand much so you will want your left,bottom and right containers to be non-expanding.

The center container (most likely a QStackedWidget in your case) will be expanding both horizontally and vertically.

You will also need to add spacers at the bottom of left area and right area.

The bottom area can also use spacers on both sides.

In short

• Bottom area: sizePolicy: Preferred/Minimum, maximumSize: inf/40
• Left area: sizePolicy: Minimum/Preferred, maximumSize: 40/inf
• Right area: sizePolicy: Minimum/Preferred, maximumSize: 40/inf
• Center area: sizePolicy: Preferred/Preferred, maximumSize: inf/inf

Here is what you can do with drag and drop within QtDesigner

Here is what it looks like

Here is what it will look like expanded. Notice that although the main area is bigger, the buttons sides remain the same.