品牌型号：联想 E550C ThinkPad

系统：Windows 11

软件版本：Qt 6

日常生活中我们使用着各种各样的应用，这些应用不乏拥有着各种炫酷优美的界面效果，由此用户的审美日渐提高，对应用程序界面也有了越来越高的要求，可以说精美的UI设计才是吸引和留住用户的主要手段。Qt Designer是Qt框架提供的一个软件界面设计软件，它能通过非编码方式来创建UI界面。接下来，本文将系统介绍Qt如何创建UI界面，Qt Designer界面布局如何设置，以帮助大家打造出更符合现代审美的软件界面。

一、Qt如何创建UI界面

由于Qt Designer的设计界面已融合到Qt Creator内，因此我们可以直接在Qt Creator软件中来创建和设计UI，UI为后缀“.ui”的文件，双击可进入Qt Designer的主工作界面。

Qt Designer主界面主要分为几个区域，分别是左侧的控件盒子、中间的窗体编辑器和Action编辑器、右侧的属性编辑器和对象查看器。

我们可以在左侧控件盒子选择合适的页面控件，将其拖拽到窗体编辑器中摆放，再通过调整控件的位置和大小等属性，即可绘制出一个简易界面。控件之间可以并列或乱序摆放，也可以互相嵌套摆放，具体还需看我们页面的设计，按设计来设置摆放上下级和位置。

此时的软件界面各个组件由于没有样式，肯定会略显粗糙，所以还需要我们在右侧的属性编辑器中，找到styleSheet属性，点击右侧三个小点按钮打开“编辑样式表”的窗口，在其中输入具体的样式，如渐变样式、颜色样式、字体样式等，丰富界面组件显示效果，这点和HTML的CSS样式编写方式是相同的。

二、Qt Designer界面布局如何设置

一般情况下，软件界面组件并不会无序的随意摆放在页面上，而是遵循一定的界面布局，界面布局可以管理界面上组件的相对位置，即使在不同屏幕分辨率的设备上，它们也可以按照布局设定来摆放，如左右分列布局，从而保持界面不变形。那么在Qt Designer中，界面布局该如何设置？

1、Qt Designer在控件盒子的Layouts中提供了四种常见的布局：垂直布局、水平布局、网格布局、表单布局，我们可以根据界面设计来使用。

2、使用时，先拖拽一种布局控件到界面编辑器中，先调整布局大小，然后再拖拽合适的其他页面控件到布局内部。

以Form表单布局为例，通常左侧会使用一个Label标签控件，右侧会使用对应的输入或显示控件，如输入框、复选框、文本框等。布局会提供浅色红框占位栏给我们，我们无需担心对齐和间距问题，布局会按照布局类型，自动使用合适的对齐方式，我们只管拖拽控件到合适位置的占位符内即可应用。

上文向大家介绍了Qt如何创建UI界面，Qt Designer界面布局如何设置的相关操作步骤。用Qt来制作应用程序界面，其独特的优势就在于无需一定要通过代码的形式来制作界面，我们可以通过一些基础的样式和页面布局、控件拖拽的形式，低成本完成界面设计，这样即使非专业的开发人员也能参与其中，大幅降低开发难度和开发成本。