Qt第五十二章：Qt Design Studio使用技巧。

╰+哭是因爲堅強的太久メ 2024-03-30 13:17 73阅读 0赞

**目录**

一、运行项目和Debugging项目【快捷键：Ctr+R】

二、 预览单Qml文件

三、添加资源文件

四、多状态【正常状态、按下状态、划过状态、已点击状态...】

五、定位

六、状态切换和信号连接

七、动画

八、将动画绑定到第六步的状态切换

九、过渡

十、缩放

--------------------

#### 一、运行项目和Debugging项目【快捷键：Ctr+R】 ####

![2b77d19c0fda4329b38a2e4787de449d.png][]

#### 二、 预览单Qml文件 ####

![5dd66599f9814abb9f88a4918e4e3b14.png][]

#### 三、添加资源文件 ####

![846a9bb754714b829ef53694fedbb318.png][]

![9996e9c7319041b887a287f5d54128f1.png][]

**（使用资源：将资源拖动到Editor中的矩形中即可）**

#### **四、多状态【正常状态、按下状态、划过状态、已点击状态...】** ####

![60114661c8424428b1415377b90bed09.png][]

![092929dcef9845c1ae9599cf693d8c99.png][]

**注意：多状态看起来像是多个页面，但是实际上是同一个，里面的控件一定都是相同的，只不过控件的属性值不同而已。如果想实现B状态比A状态多一个控件，则只能在A状态时隐藏该控件，B状态再显示该控件即可。多状态中页面使用的是默认状态，要想进入其他状态就需要连接信号来触发。**

#### 五、定位 ####

第一种：直接锚定

![1939e85842a7466ab5953387a89f78c2.png][]

第二种：先进行布局，再对布局进行锚定

![ac2228acb84140509286bbe80a455885.png][] ![0846db828df248c4accbd2a936d1bddf.png][]

![2a3edd1efd35492bb8f94d0cf46836a4.png][]

#### 六、状态切换和信号连接 ####

新建多个状态后，设置一个其中一个为默认状态。当添加的连接（添加连接）触发信号后切换到另一个状态（编辑事件）。

![2cf12af93a014bb0bf3cfae654134035.png][]

#### 七、动画 ####

![b76d356dd6c847169315d54cfe07a3c1.png][]

![8d4aba3af64747ea8e6401ecf812dbb0.png][]

设置时间线参数：时间线id、起始帧数、结束帧数、动画id、持续时间、是否重复动画、绑定状态。

![f07459d281551d70513356d65c2a30fd.png][]

![b5633573b5254b9ca8026f673019fd59.png][]

![8ad9066aa71e4db1b3a7a792ca10195e.png][]

![4f4590317a3d86e55f5b073eaae49919.png][]

![87bee32b162142e7924ee2b3b9ff787f.png][]

**注意：动画默认绑定的状态是，你在添加时间线时使用的状态。**

#### 八、将动画绑定到第六步的状态切换 ####

![751f5156cc274a9a96558aaa1df27d20.png][]

![1c257eab810549c986b9b4e1d631920f.png][] ![927556024f1643ed8260e9d96828bbee.png][]

![309571ec390044c39027cba8e7172057.png][]

#### 九、过渡 ####

#### 十、缩放 ####

Rectangle的背景默认是固定大小，不会随着窗口缩放而缩放。

![1a50fcde0cc7439c8fcc9a6b8571163e.png][]

但是Window是可以的

![8c4fbb9f0abd42298fc27efbeb0b1e92.png][]

[2b77d19c0fda4329b38a2e4787de449d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/811afa9836314468b46dbce2287c7510.png
[5dd66599f9814abb9f88a4918e4e3b14.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/0b9b47bbfac344b888d684add3b908e4.png
[846a9bb754714b829ef53694fedbb318.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/7e3a4e20a10a4bb2b73f8d0d9981c257.png
[9996e9c7319041b887a287f5d54128f1.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/8783205c39cd4009a072595af30badb1.png
[60114661c8424428b1415377b90bed09.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/db38f914835f409ab7988c75fc0bf5b8.png
[092929dcef9845c1ae9599cf693d8c99.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/1a312fe04ff24b049130eda7d1c026b9.png
[1939e85842a7466ab5953387a89f78c2.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/f4b5bf1446944c7b875fa01b6c2b23b6.png
[ac2228acb84140509286bbe80a455885.png]: https://img-blog.csdnimg.cn/ac2228acb84140509286bbe80a455885.png
[0846db828df248c4accbd2a936d1bddf.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/99d8f72487b2417186a49267b2e1444a.png
[2a3edd1efd35492bb8f94d0cf46836a4.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/f187f817384f4cbf9563c33e40944847.png
[2cf12af93a014bb0bf3cfae654134035.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/a87414fba81746b3b30b872362372ca4.png
[b76d356dd6c847169315d54cfe07a3c1.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/73318ae062e947f0b7a1fef63bb1a23f.png
[8d4aba3af64747ea8e6401ecf812dbb0.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/21c495dbdf5a4247a14f56245e0a878a.png
[f07459d281551d70513356d65c2a30fd.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/5bd71ff331a24218b03df49e3fafd1d1.png
[b5633573b5254b9ca8026f673019fd59.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/470e3fcbc5564fd1a81577b79d0b121c.png
[8ad9066aa71e4db1b3a7a792ca10195e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/4dced1b6d798422da9c4bf72b1610092.png
[4f4590317a3d86e55f5b073eaae49919.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/200e912e16064b649f11b5ce28342d3f.png
[87bee32b162142e7924ee2b3b9ff787f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/51721b549caf40609113ce0e8c007807.png
[751f5156cc274a9a96558aaa1df27d20.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/9990e12e300d458da40fb0057ab8354a.png
[1c257eab810549c986b9b4e1d631920f.png]: https://img-blog.csdnimg.cn/1c257eab810549c986b9b4e1d631920f.png
[927556024f1643ed8260e9d96828bbee.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/9b9834c14c6b40908119229494e1bef4.png
[309571ec390044c39027cba8e7172057.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/478c8b22373e4968a5a722f5d236ac87.png
[1a50fcde0cc7439c8fcc9a6b8571163e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/41fc2a89a0e74b7bbe3568fee7ff4ce4.png
[8c4fbb9f0abd42298fc27efbeb0b1e92.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/8fcac8b1c4f846a9b250b69b23442306.png