在对Qt Quick和QML有了一些了解后,现在我们就来熟悉一下这个全新的Qt Quick Designer界面。
在这一篇中我们会用一个例子来介绍一下Qt Quick Designer界面,但是不会对代码进行过多的讲解。到下一篇我们讲解QML组件时会对这个程序生成的代码进行逐行讲解,再往后的几篇,我们就会对Qt Quick中的几个特色功能进行举例讲解,而在讲解例子的同时,我们也会将QML语言的讲述加入其中。我们会在完成几个实例的同时掌握QML语言。
我们新建一个Qt QML Application,我这里的工程名为“helloWorld”。
一,熟悉Qt Quick Designer界面
这是整个Qt Quick Designer界面,它由几个面板组成,下面分别进行介绍。
主设计面板,也就是我们下面所说的场景。这是我们的主设计区,所有的项目都要放到这里,当程序执行时,就是显示的这个面板上的内容。

本文介绍了Qt Quick Designer的界面组成,包括主设计面板、Navigator、Properties、Library和状态面板,并通过一个实例展示了如何创建和编辑QML应用,包括添加Rectangle、Mouse Area,设置属性和状态切换,以及代码编辑模式的使用,实现所见即所得的设计体验。


最低0.47元/天 解锁文章
308

被折叠的 条评论
为什么被折叠?



