Qt：Qt Designer快速入门

ゝ一纸荒年。 2022-11-13 01:52 383阅读 0赞

使用Qt Designer设计四个基本步骤：

*  选择您的表单和对象
 *  将对象放到表单上
 *  将信号连接到插槽
 *  预览表单  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3poaXpoZW5nZ3Vhbg_size_16_color_FFFFFF_t_70]  
    如果您想设计一个小部件(见上图)，其中包含操作红，绿，蓝(RGB)值所需的控件，一种在图形操作中随处可见的小部件。  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3poaXpoZW5nZ3Vhbg_size_16_color_FFFFFF_t_70 1]

为了确保它们在程序中完全这样布局，您需要将这些小部件放入布局中。我们将分三组进行。选择"RED"标签，然后在选择相应的旋转框和滑块时按住**Ctrl**。在**表单**菜单中，选择**网格布局**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3poaXpoZW5nZ3Vhbg_size_16_color_FFFFFF_t_70 2]  
将其他两个标签及其相应的旋转框和滑块重复该步骤。

下一步是将这三种布局合并为一个**主要布局**(如果没有的话当窗口大小调整时，窗口上的小部件不会调整大小)。主要布局是顶层小部件(这里是QWidget)布局。要设置布局，请在窗体上三个单独布局之外的任意位置单击鼠标右键，然后选择**水平布局**。或者你也可以选择**网格布局**–您仍将看到相同的排列（如下所示）。  
![在这里插入图片描述][20210403144001338.png]  
注意：无法在表单上看到主布局，要检查是否安装了主布局，请尝试调整表单大小：您的小部件应相应调整大小。或者你可以查看Qt Designer的**对象检查器**，如果您的顶层小部件没有布局，您将看到旁边已损坏的布局图标![在这里插入图片描述][20210403144215487.png]  
单击滑块并将其拖动到某个值时，您希望数字调整框显示滑块的位置。要完成此行为，需要将滑块的[valueChanged()][valueChanged]信号连接到数字调整框的[setValue()][setValue]插槽。你还需要进行反向连接，例如，将数字调整框的`valueChanged()`信号连接到滑块的`setValue()`插槽

为此，您必须通过按F4或者从**编辑**菜单中选择**编辑信号/插槽**来却换到**编辑信号/插槽模式**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3poaXpoZW5nZ3Vhbg_size_16_color_FFFFFF_t_70 3]  
重复该步骤（按相反顺序），单击数字调整框并将光标拖向滑块，以将数字调整框的valueChanged（）信号连接到滑块的setValue（）插槽。

您可以使用下面的屏幕截图作为选择正确信号和插槽的指南。  
![在这里插入图片描述][20210403145020180.png]  
现在，您已经成功地为 RGB 控制器的"红色"组件连接了对象，对"绿色"和"蓝色"组件也做了同样的工作。

由于 RGB 值介于 0 到 255 之间，我们需要将旋转框和滑块限制在该特定范围内： 单击第一个数字调整框。在属性编辑器中，您将看到QSpinBox的属性。输入“255”作为`maximum`。然后，单击第一个垂直滑块，您将看到QAbstractSlider的属性。输入“255”作为 maximum。对其余的数字调整框和滑块重复此过程。  
![在这里插入图片描述][2021040314512932.png]

现在，我们预览您的表单以查看它在应用程序中的外观—按Ctrl+R或从表单菜单中选择“预览”。尝试拖动滑块-数字调整框也将镜像其值（反之亦然）。此外，还可以调整其大小，以查看用于管理子窗口小部件的布局如何响应不同的窗口大小。

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3poaXpoZW5nZ3Vhbg_size_16_color_FFFFFF_t_70]: /images/20221022/abfde5b1be7d4c8cb03d1407a12f4ca5.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3poaXpoZW5nZ3Vhbg_size_16_color_FFFFFF_t_70 1]: /images/20221022/b3034d238cf84e31a3c3a5060a706546.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3poaXpoZW5nZ3Vhbg_size_16_color_FFFFFF_t_70 2]: /images/20221022/7b0b7693163d4b4185cb0333acfcb191.png
[20210403144001338.png]: /images/20221022/f51a1dc2e9df4fbd979f6551e806d5b2.png
[20210403144215487.png]: /images/20221022/37bf1f8750c84ffa83f2139589b304ca.png
[valueChanged]: https://doc.qt.io/qt-6/qabstractslider.html#valueChanged
[setValue]: https://doc.qt.io/qt-6/qspinbox.html#value-prop
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3poaXpoZW5nZ3Vhbg_size_16_color_FFFFFF_t_70 3]: /images/20221022/5365ec1dc7c64ec1a8b46c6149c12e04.png
[20210403145020180.png]: /images/20221022/3ea1d8ff79d64310a81894e4cc9b55eb.png
[2021040314512932.png]: /images/20221022/bbf4abb5947c49ef99fa1967f4069549.png