如何缩放qt中指定的小部件

发布于 2024-10-06 10:43:23 字数 288 浏览 3 评论 0原文

我将主屏幕分为 4 个区域,边界布局为中心、右侧、左侧和底部。右侧、左侧和底部区域很小,仅包含按钮。我的中心区域必须根据右/左/底部区域中按下的按钮显示不同的小部件和表单。

任何人都可以建议我如何设计我的表单或小部件,以便当我在中心区域显示小部件时,它将适合中心区域,并且其中的所有项目都将合理缩放。

请参阅随附的图像文件以获得更好的想法。

如果我的解释不清楚,请告诉我,我会尽力更好。

替代文字

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.

alt text

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

童话里做英雄 2024-10-13 10:43:23

看起来你已经有了一个不错的开始。如果您只有图标,通常图标将无法扩展太多,因此您会希望左侧、底部和右侧容器不扩展。

中心容器(在您的情况下很可能是 QStackedWidget)将水平和垂直扩展。

您还需要在左侧区域和右侧区域的底部添加垫片。

底部区域两侧也可以使用垫片。

简而言之

  • 底部区域: sizePolicy: Preferred/Minimum、maximumSize: inf/40
  • 左侧区域: sizePolicy: Maximum/Preferred、maximumSize: 40/inf
  • 右侧区域: sizePolicy: Maximum/Preferred、maximumSize: 40/inf
  • 中心区域: sizePolicy: Preferred /Preferred, MaximumSize: inf/inf

以下是您可以在 QtDesigner 中通过拖放执行的操作
Designer View

这是它的样子
Normal size UI

这是展开后的样子。请注意,虽然主区域更大,但按钮侧面保持不变。
扩展 UI

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
Designer View

Here is what it looks like
Normal size UI

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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文