Back to Blog home

Qt Quick新特性概览

Published on 星期一 六月 24, 2013 by Liang Qi in Qt Quick Qt Qt Quick 2 Desktop qt-labs-chinese | Comments

原文链接:Jens Bache-Wiig - Overview of the new features in Qt Quick

我们在Qt 5.1的Qt Quick中添加了很多的新功能,这篇博文的主要目标就是为您提供一个概览。之前的桌面组件项目中的绝大多数特性现在都成为了Qt Quick的一部分。最明显的就是新的QtQuick.Controls模块的引入,另外我们还添加了大量的相关特性,我将在本文中简要介绍一下。

布局

尽管之前的锚接器(anchor)和基本的定位器(positioner)已经为Qt Quick提供了很大的灵活性,但是在某些时候,例如在处理可调整尺寸的用户界面时,他们就有些冗长和复杂。添加QtQuick.Layouts是对现有的基于锚接器方式的一个很好的补充,现在您可以构建复杂的可调整尺寸的布局,可以遵循最小和最大尺寸的提示,并且可以用简单陈述的方式声明可扩展尺寸或者固定尺寸的项。对于布局,我们之前另有博文进行了详细叙述。

控件

控件(control)就相当于Qt Quick中的窗口部件(widget)。和Qt Quick中以前提供的那些简单并强大的原生可视元件并不太相同,这些控件已经拥有完整的定义并且可以直接使用。您所期望的绝大部分控件都在这里了,包括按钮组合框(combo box)微调框(spin box)分组框(group box)滑块进度条文本输入菜单。它们都构建于Qt Quick之上,并且理所当然的可以和现有的任何Qt Quick代码混合使用。

视图

在基本的控件之外,我们还提供了一套视图。如上图所示,SplitView可以在一个视图的多个项之间添加垂直或水平方向的可调整尺寸的手柄(handle)。

ScrollView对现有的Flickable进行了补充,但是添加了滚动条和框的支持。它既可以被单独使用,也可以和现有的Flickable项一起使用,例如,可以为ListView添加滚动条。

尽管ListView已经提供了大量的灵活性,但是通常在用它创建一个传统的表视图的时候,还是很困难的。为了改进这一点,我们添加了TableView,它提供了对本地观感以及可以重新安排的行列选择的支持。

绝大多数的控件和视图都支持自定义,所以您就可以为您的应用持续创建完全独特的观感了。

尽管我们这次最初的发布主要针对桌面的Qt Quick开发的改进,这些控件对于所有平台还是不可知的,但对于所有被支持的平台都能很好地工作。这也就是说,您不要期望在不修改一个桌面应用程序的布局的情况下,它可以很好地在一个平板设备上运行地很良好。为了简化在平板和手机上的应用程序开发工作,我们还添加了StackView控件,它通过一系列的应用程序页提供了典型的基于栈(向下钻取式)的导航。

向QML暴露平台

在用Qt Quick编写跨平台应用程序的一个常见问题就是,不能很容易地调整您的UI或者布局来适应不同的平台。为了简化这个问题,我们现在通过全局的Qt.platform.os属性在QML中直接暴露平台信息。

  • "android" - Android
  • "blackberry" - BlackBerry OS
  • "ios" - Apple iOS
  • "linux" - Linux
  • "mac" - Mac OS X
  • "unix" - Other Unix-based OS
  • "windows" - Windows
  • "wince" - Windows CE

Tab键导航

以前要支持Tab键导航是一件非常困难的事情,因为您要为您的应用程序的每一个控件之间建立一个显式的键链(key chain)。在5.1中,我们通过在QQuickItem中添加了activeFocusOnTab属性很大程度地简化了这一个工作。在控件中设置这个属性,将会把该控件隐式地添加到Tab键链中。因为现在提供的所有控件中都已经默认启用了这一属性,您在使用这些控件的时候可以直接使用这一特性了。

标准对话框

我们通过QtQuick.Dialogs的导入引入了一些新的标准对话框。这一次发布中只支持ColorDialog和FileDialog,但我们计划在未来发布中添加更多的对话框。通常情况下,它们会映射为不同系统上的本地平台对话框。

窗口改进

尽管5.0中已经支持在Qt Quick中声明窗口,我们在5.1中为如何处理这些窗口进行了大量的改进工作。在一个窗口中声明一个Window将会隐式地设定临时父子窗口关系。在实践中这也就意味着模式对话框的行为基本像一个模式对话框,子窗口会被默认放置到父窗口的中央。另外我们还提供了一个closing信号,这样您就可以很明智地处理窗口的关闭请求了。

向C++暴露文本文档

现有的TextEdit的一个问题就是在简单地显示富文本的时候就过不去了。绝大多数复杂Qt应用程序都需要访问文本文档来提供诸如语法高亮、代码完成和打印支持等高级特性。尽管使用这一功能需要一个C++插件,在TextEdit和新的TextArea控件中都可以访问它,所以您可以在您的Qt Quick应用程序中完全启用这一功能。正如您从上图中所看到的那样,我们已经使用这一功能将旧的TextEdit实例迁移到Qt Quick中。

ApplicationWindow

ApplicationWindow和常规的QQuickWindow很相似,但添加了在QML中设定窗口特定的菜单栏(MenuBar)工具栏(ToolBar)状态栏(StatusBar)的支持。

QQmlApplicationEngine

在Qt 5.0中,我们通常用在C++中声明一个QQuickView然后为它设置一个基本URL的方式来创建一个Qt Quick应用程序。这一方式的缺点是您不得不使用C++来设置诸如宽高等属性。在5.1中,我们鼓励您使用Window或者ApplicationWindow作为您应用程序的根项,把所有的控制都交给Qt Quick,所以现在我们引入了QQmlApplicationEngine来简化这一用例。您通过这个QQmlApplicationEngine就可以设置您的Qt Quick窗口、拾取正确的翻译文件,并且它还会隐式地把应用程序的quit()信号和您的根窗口连接起来。

#include <QGuiApplication>
#include <QQmlApplicationEngine>

int main(int argc, char *argv[])
{
QGuiApplication app(argc, argv);
QQmlApplicationEngine engine("main.qml");
return app.exec();
}

在窗口部件中嵌入Qt Quick

正如我们之前的博文所说的,最终我们为在一个现有的基于窗口部件的应用程序中包含一个Qt Quick 2场景添加了支持。这是通过使用新的QWidget::createWindowContainer()函数来嵌入一个QQuickWindow的。

结论

在本篇博文中,包含了很多的新东西,所以我建议您查看一下我们的文档并且在这里欢迎您就任何新特性提出问题。所有这些新特性都包含在Qt 5.1 RC中,所以请您试一试并且在我们的缺陷跟踪器中报告你发现的问题或者期望。

Subscribe to Our Blog

Stay up to date with the latest marketing, sales and service tips and news.