QtDesigner规范创建应用界面

文章目录

  • 前言
  • 一、界面创建
    • 1.主框创建
    • 2.内容框创建
    • 3.动作创建
  • 二、使得无边框控件可以自由拉伸


前言

初学QT界面缩放总是多多少少有点问题,总结所踩的坑写下如下文章以供反省。


一、界面创建

1.主框创建

要创建自适应放大缩小的UI,必须要全程使用布局。
QtDesigner规范创建应用界面_第1张图片


2.内容框创建

QtDesigner规范创建应用界面_第2张图片


QtDesigner规范创建应用界面_第3张图片


QtDesigner规范创建应用界面_第4张图片

这里的水平策略,垂直策略可以按需更改。

例如:

可以改成Maximum或者Minimum:
QtDesigner规范创建应用界面_第5张图片
固定高度:
QtDesigner规范创建应用界面_第6张图片
效果:
QtDesigner规范创建应用界面_第7张图片
QtDesigner规范创建应用界面_第8张图片


QtDesigner规范创建应用界面_第9张图片


QtDesigner规范创建应用界面_第10张图片


QtDesigner规范创建应用界面_第11张图片


QtDesigner规范创建应用界面_第12张图片


根据上述方法,可以举一反三创建出如下图案:

QtDesigner规范创建应用界面_第13张图片


3.动作创建

QtDesigner规范创建应用界面_第14张图片

QtDesigner规范创建应用界面_第15张图片


win+R尝试运行:

最大化并没有达到预期效果
QtDesigner规范创建应用界面_第16张图片


QtDesigner规范创建应用界面_第17张图片


QtDesigner规范创建应用界面_第18张图片
QtDesigner规范创建应用界面_第19张图片


改完后最大化效果:
QtDesigner规范创建应用界面_第20张图片


二、使得无边框控件可以自由拉伸

这里需要将所有控件都勾选上setMouseTracking,这个函数功能是随时捕获鼠标位置。
QtDesigner规范创建应用界面_第21张图片

搜索框中输入set,勾选MouseTracking。

QtDesigner规范创建应用界面_第22张图片

你可能感兴趣的:(Qt,qt5)