Qt Quick 控件 - 联系人列表

一个使用 Qt Quick 控件和实现简单联系人列表的 C++ 类的 QML 应用。

该 联系人列表示例 展示了如何以与 Qt Quick Designer 兼容的方式集成 C++ 后端。对于 UI 的声明性部分，使用 .ui.qml 文件，这些文件可以在 Qt Quick Designer 中进行视觉编辑。

联系人列表应用允许用户添加、编辑和删除联系人。实际实现是在 C++ 中完成的，并以 QAbstractListModel 的形式暴露。

在命名空间下注册了 ContactModel C++ 类，稍后被 MainForm.ui.qml 文件导入和实例化。有关将 C++ 类注册为 QML 类型的更多信息，请参阅从 C++ 定义 QML 类型。

#include <QtQml/qqml.h>
...
qmlRegisterType<ContactModel>("Backend", 1, 0, "ContactModel");
...

在设计师子目录中，我们创建了一个插件，用其在 Qt Quick Designer 中替换 ContactModel。为此，我们需要在 contactlist.pro 中添加以下行。

QML_DESIGNER_IMPORT_PATH = $$PWD/designer

由于 Qt Quick Designer 不能实例化 ContactModel C++ 类，所以我们使用一个 ListModel 来定义一个原型。这确保了使用此模型显示的 ListView 可以在 Qt Quick Designer 中显示内容。

要从 Qt Creator 运行示例，请打开 欢迎模式 并从示例中选择示例。有关更多信息，请参阅构建和运行示例。