QML中，如何给动态创建的对象的属性进行绑定

放屁带出翔丶 2015-08-05 03:12:12

我有一个ListView A，A的数据model AM的形式是这样的
ListModel {
id: examples
ListElement { obj: dyCreatedObj}
}

其中ListModel里的元素是动态增加的，也就是说obj对象是动态创建的，现在我想把动态创建的obj中的某些属性与其他属性绑定起来，例如，把visible属性与ListView.isCurrentItem属性绑定，请问，该把绑定放置到哪里？

...全文

330 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

放屁带出翔丶 2015-08-05

打赏
举报

回复

我自己已经搞定了，绑定应该放在ListView的Component声明中，其实很简单，是我自己把问题想的复杂化了，再加上写的过程中有一些纰漏，导致没达到目的

在C++程序中使用QML QML API是分为三个主类——QDeclarativeEngine， QdeclarativeComponent 与 QDeclarativeContext。QDeclarativeEngine 提供QML运行的环境，QdeclarativeComponent 封装了QML Documents 与QDeclarativeContext允许程序导出数据到QML组件实例。 QML还包含了API的一个方便，通过QDeclarativeView 应用程序只需要简单嵌入QML组件到一个新的QGraphicsView就可以了。这有许多细节将在下面讨论。QDeclarativeView 主要是用于快速成型的应用程序里。如果你是重新改进使用QML的Qt应用程序，请参阅整合QML到现有的Qt UI代码。基本用法每个应用程序至少需求一个QDeclarativeEngine。QDeclarativeEngine允许配置全局设置应用到所有的QML组件实例中，例如QNetworkAccessManager是用于网络通信以及永久储存的路径。如果应用程序需求在QML组件实例间需求不同的设置只需要多个QDeclarativeEngine。使用QDeclarativeComponent类载入QML Documents。每个QDeclarativeComponent实例呈现单一QML文档。QDeclarativeComponent可以传递一个文档的地址或文档的原始文本内容。该文档的URL可以是本地文件系统的地址或通过QNetworkAccessManager支持的网络地址。 QML组件实例通过调用QDeclarativeComponent::create()模式来创建。在这里载入一个QML文档的示例并且从它这里创建一个对象。 QDeclarativeEngine *engine = new QDeclarativeEngine(parent); QDeclarativeComponent component(engine, QUrl::fromLocalFile(“main.qml”)); QObject *myObject = component.create(); 导出数据 QML组件是以QDeclarativeContext实例化的。context允许应用程序导出数据到该QML组件实例中。单个QDeclarativeContext 可用于一应用程序的所有实例对象或针对每个实例使用QDeclarativeContext 可以创建更为精确的控制导出数据。如果不传递一个context给QDeclarativeComponent::create()模式；那么将使用QDeclarativeEngine的root context。数据导出通过该root context对所有对象实例是有效的。简单数据为了导出数据到一个QML组件实例，应用程序设置Context属性；然后由QML属性绑定的名称与JavaScrip访问。下面的例子显示通过QGraphicsView如何导出一个背景颜色到QML文件中： //main.cpp #include #include #include int main(int argc, char *argv[]) { QApplication app(argc, argv); QDeclarativeView view; QDeclarativeContext *context = view.rootContext(); context->setContextProperty(“backgroundColor”, QColor(Qt::yellow)); view.setSource(QUrl::fromLocalFile(“main.qml”)); view.show(); return app.exec(); } //main.qml import Qt 4.7 Rectangle { width: 300 height: 300 color: backgroundColor Text { anchors.centerIn: parent text: “Hello Yellow World!” } } 或者，如果你需要main.cpp不需要在QDeclarativeView显示创建的组件，你就需要使用QDeclarativeEngine::rootContext()替代创建QDeclarativeContext实例。 QDeclarativeEngine engine; QDeclarativeContext *windowContext = new QDeclarativeContext(engine.rootContext()); windowContext->setContextProperty(“backgroundColor”, QColor(Qt::yellow)); QDeclarativeComponent component(&engine, “main.qml”); QObject *window = component.create(windowContext); Context属性的操作像QML绑定的标准属性那样——在这个例子中的backgroundColor Context属性改变为红色；那么该组件对象实例将自动更新。注意：删除任意QDeclarativeContext的构造是创建者的事情。当window组件实例撤消时不再需要windowContext时，windowContext必须被消毁。最简单的方法是确保它设置window作为windowContext的父级。 QDeclarativeContexts 是树形结构——除了root context每个QDeclarativeContexts都有一个父级。子级QDeclarativeContexts有效的继承它们父级的context属性。这使应用程序分隔不同数据导出到不同的QML对象实例有更多自由性。如果QDeclarativeContext设置一context属性，同样它父级也被影响，新的context属性是父级的影子。如下例子中，background context属性是Context 1，也是root context里background context属性的影子。结构化数据 context属性同样可用于输出结构化与写数据到QML对象。除了QVariant支持所有已经存在的类型外，QObject 派生类型可以分配给context属性。 QObject context属性允许数据结构化输出并允许QML来设置值。下例创建CustomPalette对象并设置它作为palette context属性。 class CustomPalette : public QObject { Q_OBJECT Q_PROPERTY(QColor background READ background WRITE setBackground NOTIFY backgroundChanged) Q_PROPERTY(QColor text READ text WRITE setText NOTIFY textChanged) public: CustomPalette() : m_background(Qt::white), m_text(Qt::black) {} QColor background() const { return m_background; } void setBackground(const QColor &c) { if (c != m_background) { m_background = c; emit backgroundChanged(); } } QColor text() const { return m_text; } void setText(const QColor &c) { if (c != m_text) { m_text = c; emit textChanged(); } } signals: void textChanged(); void backgroundChanged(); private: QColor m_background; QColor m_text; }; int main(int argc, char *argv[]) { QApplication app(argc, argv); QDeclarativeView view; view.rootContext()->setContextProperty(“palette”, new CustomPalette); view.setSource(QUrl::fromLocalFile(“main.qml”)); view.show(); return app.exec(); } QML引用palette对象以及它的属性，为了设置背景与文本的颜色，这里是当单击窗口时，面板的文本颜色将改变成蓝色。 import Qt 4.7 Rectangle { width: 240 height: 320 color: palette.background Text { anchors.centerIn: parent color: palette.text text: “Click me to change color!” } MouseArea { anchors.fill: parent onClicked: { palette.text = “blue”; } } } 可以检测一个C++属性值——这种情况下的CustomPalette的文本属性改变，该属性必须有相应的NOTIFY信息。NOTIFY信号是属性值改变时将指定一个信号发射。实现者应该注意的是，只有值改变时才发射信号，以防止发生死循环。访问一个绑定的属性，没有NOTIFY信号的话，将导致QML在运行时发出警告信息。动态结构化数据如果应用程序对结构化过于动态编译QObject类型；那么对动态结构化数据可在运行时使用QDeclarativePropertyMap 类构造。从QML调用 C++ 通过public slots输出模式或Q_INVOKABLE标记模式使它可以调用QObject派生出的类型。 C++模式同样可以有参数并且可以返回值。QML支持如下类型： •bool •unsigned int, int •float, double, qreal •QString •QUrl •QColor •QDate,QTime,QDateTime •QPoint,QPointF •QSize,QSizeF •QRect,QRectF •QVariant 下面例子演示了，当MouseArea单击时控制“Stopwatch”对象的开关。 //main.cpp class Stopwatch : public QObject { Q_OBJECT public: Stopwatch(); Q_INVOKABLE bool isRunning() const; public slots: void start(); void stop(); private: bool m_running; }; int main(int argc, char *argv[]) { QApplication app(argc, argv); QDeclarativeView view; view.rootContext()->setContextProperty(“stopwatch”, new Stopwatch); view.setSource(QUrl::fromLocalFile(“main.qml”)); view.show(); return app.exec(); } //main.qml import Qt 4.7 Rectangle { width: 300 height: 300 MouseArea { anchors.fill: parent onClicked: { if (stopwatch.isRunning()) stopwatch.stop() else stopwatch.start(); } } } 值得注意的是，在这个特殊的例子里有更好的方法来达到同样的效果，在main.qml有”running”属性，这将会是一个非常优秀的QML代码： // main.qml import Qt 4.7 Rectangle { MouseArea { anchors.fill: parent onClicked: stopwatch.running = !stopwatch.running } } 当然，它同样可以调用 functions declared in QML from C++。网络组件如果URL传递给QDeclarativeComponent是一网络资源或者QML文档引用一网络资源，QDeclarativeComponent要先获取网络数据；然后才可以创建对象。在这种情况下QDeclarativeComponent将有Loading status。直到组件调用QDeclarativeComponent::create()之前，应用程序将一直等待。下面的例子显示如何从一个网络资源载入QML文件。在创建QDeclarativeComponent之后，它测试组件是否加载。如果是，它连接QDeclarativeComponent::statusChanged()信号，否则直接调用continueLoading()。这个测试是必要的，甚至URL都可以是远程的，只是在这种情况下要防组件是被缓存的。 MyApplication::MyApplication() { // … component = new QDeclarativeComponent(engine, QUrl(“http://www.example.com/main.qml”)); if (component->isLoading()) QObject::connect(component, SIGNAL(statusChanged(QDeclarativeComponent::Status)), this, SLOT(continueLoading())); else continueLoading(); } void MyApplication::continueLoading() { if (component->isError()) { qWarning() << component->errors(); } else { QObject *myObject = component->create(); } } Qt资源 QML的内容可以使用qrc：URL方案从Qt 资源系统载入。例如： [project/example.qrc] main.qml images/background.png [project/project.pro] QT += declarative SOURCES += main.cpp RESOURCES += example.qrc [project/main.cpp] int main(int argc, char *argv[]) { QApplication app(argc, argv); QDeclarativeView view; view.setSource(QUrl(“qrc:/main.qml”)); view.show(); return app.exec(); } [project/main.qml] import Qt 4.7 Image { source: “images/background.png” } 请注意，资源系统是不能从QML直接访问的。如果主QML文件被加载作为资源，所有的文件指定在QML中做为相对路径从资源系统载入。在QML层使用资源系统是完全透明的。这也意味着，如果主QML文件没有被加载作为资源，那么从QML不能访问资源系统。 1.这里主要是介绍，如何在c++中调用QML中的函数和设置QML中的属性的问题 2.具体代码 // UICtest.qml import Qt 4.7 Rectangle { id: mainWidget; width: 640 height: 480 function callbyc(v) { mainWidget.color = v; return "finish"; } Rectangle{ id: secondRect; x: 100; y: 20; width: 400; height: 300; Rectangle{ x: 10; y: 20; width: 30; height: 40; color: "#FF035721" Text { objectName: "NeedFindObj"; anchors.fill: parent; text: ""; } } } } // main.cpp #include #include #include #include #include #include #include int main(int argc, char *argv[]) { QApplication a(argc, argv); QDeclarativeView qmlView; qmlView.setSource(QUrl::fromLocalFile("../UICtest/UICtest.qml")); qmlView.show(); // 获取根节点，就是 QML中 id是mainWidget的节点 QDeclarativeItem *item = qobject_cast(qmlView.rootObject()); item->setProperty("color", QVariant("blue")); // 查找到我们需要的节点根均objectname NeedFindObj 来获得，并设置他的文本属性 QDeclarativeItem *item1 = item->findChild("NeedFindObj"); if (item1) { item1->setProperty("text", QVariant("OK")); } // 调用QML中的函数, 分别是函数所在的对象，函数名，返回值，参数 QVariant returnVar; QVariant arg1 = "blue"; QMetaObject::invokeMethod(item, "callbyc", Q_RETURN_ARG(QVariant, returnVar),Q_ARG(QVariant, arg1)); qDebug(" %s",returnVar.toString().toLocal8Bit().data()); return a.exec(); } 说明：这里的根节点是id为mainWidget的矩形元素，那么在C++中获取根节点后就可以，直接的设置他的属性了。其他属性也可以同样,调用指定节点内的函数是通过QMetaObject中的invokeMethod 来进行调用的。最后所有关于QML和c++交互部分就基本写完，如果想要更多的东西，或者一些其他方法，强烈看看 http://doc.qt.nokia.com/4.7-snapshot/qtbinding.html，或者帮助文档，（究竟是不是我的文档里面没有还是怎么的）

11.1 Qml简介从 Qt 4.7 开始，Qt 引入了一种声明式脚本语言，称为 QML（Qt Meta Language 或者 Qt Modeling Language），作为 C++ 语言的一种替代。而 Qt Quick 就是使用 QML 构建的一套类库。 QML 是一种基于 JavaScript 的声明式语言。在 Qt 5 中， QML 有了长足进步，并且同 C++ 并列成为 Qt 的首选编程语言。也就是说，使用 Qt 5，我们不仅可以使用 C++ 开发 Qt 程序，而且可以使用 QML。虽然 QML 是解释型语言，性能要比 C++ 低一些，但是新版 QML 使用 V8，Qt 5.2 又引入了专为 QML 优化的 V4 引擎，使得其性能不再有明显降低。在 Nokia 发布 Qt 4.7 的时候，QML 被用于开发手机应用程序，全面支持触摸操作、流畅的动画效果等。但是在 Qt 5 中，QML 已经不仅限于开发手机应用，也可以用户开发传统的桌面程序。 QML 文档描述了一个对象树。 QML 元素包含了其构造块、图形元素（矩形、图片等）和行为（例如动画、切换等）。这些 QML 元素按照一定的嵌套关系构成复杂的组件，供用户交互。 Qt QML模块为QML语言开发应用程序和库提供了一个框架。它定义并实现了语言及其引擎架构，并且提供了一个接口，允许应用开发者以自定义类型和集成JavaScript与C++代码的方式来扩展QML语言。 Qt QML模块提供了QML和C++两套接口。 QML（Qt Meta-Object Language，Qt元对象语言）是一种用于描述应用程序用户界面的声明式编程语言。 QML是一种高可读性的语言，可以使组件以动态方式进行交互，并且允许组件在用户界面中很容易地实现复用和自定义。 QML允许开发者和设计者以类似的方式创建高性能的、具有流畅的动画效果的、极具视觉吸引力的应用程序。 QML提供了一个具有高可读性的类似JSON的声明式语法，并提供了必要的JavaScript语句和动态属性绑定的支持。 QML语言和引擎框架由Qt QML模块提供。 11.2 创建一个Qt Quick应用

Qt技术是一套强大的跨平台应用程序开发框架，专注于使用C++语言来构建高性能、高可维护性的软件解决方案。自1991年首次推出以来，Qt因其卓越的跨平台能力、丰富的功能集、高效的开发工具和良好的社区支持而广受开发者欢迎。以下是对Qt技术的详细介绍：核心特性跨平台性： Qt设计的核心理念是“一次编写，到处运行”。它支持多种操作系统，包括但不限于Windows、macOS、Linux、Android和iOS。通过Qt，开发者可以使用同一套源代码，在不同平台上编译并生成原生外观与体验的应用程序，极大地提高了开发效率和产品一致性。图形用户界面（GUI）开发：提供了一个完整的GUI工具箱，包含各种控件（如按钮、文本框、滑块、列表视图等）、布局管理器、样式表支持、动画效果等，帮助开发者快速构建美观、功能丰富的桌面和移动应用界面。Qt Designer是一个可视化界面设计工具，允许通过拖放操作构建UI，所见即所得。非GUI应用开发：除了GUI程序，Qt同样适用于开发命令行工具、后台服务、嵌入式系统等非图形化应用。其底层API涵盖了文件处理、线程、网络通信、数据库访问等广泛的功能。面向对象设计： Qt采用面向对象的设计原则，提供了高度模块化的类库，使得代码组织清晰、易于扩展和重用。它遵循MVC（模型-视图-控制器）模式，支持数据驱动的界面设计。元对象系统与信号槽机制： Qt Meta-Object System（元对象系统）是Qt框架的一个重要特性，它引入了元对象编译器（moc），用于在编译时生成额外的代码以支持对象间通信、反射、动态属性绑定等高级功能。 Signal & Slot机制是Qt中实现对象间事件驱动通信的核心方式。信号代表对象状态变化或事件发生，槽则是响应这些信号的可调用实体。这种松耦合的通信方式简化了异步编程和事件处理。 QML与Qt Quick： QML是一种声明性语言，结合JavaScript，用于快速创建流畅、动态的用户界面。它与Qt Quick框架紧密集成，特别适合开发现代化、触屏友好的应用。 Qt Quick Controls和Qt Quick Dialogs提供了一系列预定义的QML组件，用于构建具有传统桌面风格或现代移动风格的界面元素。同时，Qt Quick也支持自定义控件开发。多媒体支持： Qt Multimedia模块提供对音频、视频播放、录音、摄像头访问等功能的支持，使得开发多媒体应用程序变得简便。网络功能： Qt Network模块封装了网络通信相关的API，包括HTTP、FTP、TCP/UDP套接字、SSL加密、DNS查询等，便于开发网络应用和服务。国际化与本地化： Qt Linguist工具支持应用程序的多语言翻译和本地化工作，确保软件能适应全球市场。开发工具与生态系统： Qt Creator是一款集成开发环境（IDE），集成了项目管理、代码编辑、调试、版本控制、QML预览等多种功能，为Qt开发提供了无缝的工作流程。 Qt拥有活跃的开发者社区、丰富的文档资源、示例代码库以及商业支持选项，为开发者的学习、问题解决和项目实施提供了坚实后盾。

Qt技术是一套强大的跨平台应用程序开发框架，专注于使用C++语言来构建高性能、高可维护性的软件解决方案。自1991年首次推出以来，Qt因其卓越的跨平台能力、丰富的功能集、高效的开发工具和良好的社区支持而广受开发者欢迎。以下是对Qt技术的详细介绍：核心特性跨平台性： Qt设计的核心理念是“一次编写，到处运行”。它支持多种操作系统，包括但不限于Windows、macOS、Linux、Android和iOS。通过Qt，开发者可以使用同一套源代码，在不同平台上编译并生成原生外观与体验的应用程序，极大地提高了开发效率和产品一致性。图形用户界面（GUI）开发：提供了一个完整的GUI工具箱，包含各种控件（如按钮、文本框、滑块、列表视图等）、布局管理器、样式表支持、动画效果等，帮助开发者快速构建美观、功能丰富的桌面和移动应用界面。Qt Designer是一个可视化界面设计工具，允许通过拖放操作构建UI，所见即所得。非GUI应用开发：除了GUI程序，Qt同样适用于开发命令行工具、后台服务、嵌入式系统等非图形化应用。其底层API涵盖了文件处理、线程、网络通信、数据库访问等广泛的功能。面向对象设计： Qt采用面向对象的设计原则，提供了高度模块化的类库，使得代码组织清晰、易于扩展和重用。它遵循MVC（模型-视图-控制器）模式，支持数据驱动的界面设计。元对象系统与信号槽机制： Qt Meta-Object System（元对象系统）是Qt框架的一个重要特性，它引入了元对象编译器（moc），用于在编译时生成额外的代码以支持对象间通信、反射、动态属性绑定等高级功能。 Signal & Slot机制是Qt中实现对象间事件驱动通信的核心方式。信号代表对象状态变化或事件发生，槽则是响应这些信号的可调用实体。这种松耦合的通信方式简化了异步编程和事件处理。 QML与Qt Quick： QML是一种声明性语言，结合JavaScript，用于快速创建流畅、动态的用户界面。它与Qt Quick框架紧密集成，特别适合开发现代化、触屏友好的应用。 Qt Quick Controls和Qt Quick Dialogs提供了一系列预定义的QML组件，用于构建具有传统桌面风格或现代移动风格的界面元素。同时，Qt Quick也支持自定义控件开发。多媒体支持： Qt Multimedia模块提供对音频、视频播放、录音、摄像头访问等功能的支持，使得开发多媒体应用程序变得简便。网络功能： Qt Network模块封装了网络通信相关的API，包括HTTP、FTP、TCP/UDP套接字、SSL加密、DNS查询等，便于开发网络应用和服务。国际化与本地化： Qt Linguist工具支持应用程序的多语言翻译和本地化工作，确保软件能适应全球市场。开发工具与生态系统： Qt Creator是一款集成开发环境（IDE），集成了项目管理、代码编辑、调试、版本控制、QML预览等多种功能，为Qt开发提供了无缝的工作流程。 Qt拥有活跃的开发者社区、丰富的文档资源、示例代码库以及商业支持选项，为开发者的学习、问题解决和项目实施提供了坚实后盾。

Qt技术是一套强大的跨平台应用程序开发框架，专注于使用C++语言来构建高性能、高可维护性的软件解决方案。自1991年首次推出以来，Qt因其卓越的跨平台能力、丰富的功能集、高效的开发工具和良好的社区支持而广受开发者欢迎。以下是对Qt技术的详细介绍：核心特性跨平台性： Qt设计的核心理念是“一次编写，到处运行”。它支持多种操作系统，包括但不限于Windows、macOS、Linux、Android和iOS。通过Qt，开发者可以使用同一套源代码，在不同平台上编译并生成原生外观与体验的应用程序，极大地提高了开发效率和产品一致性。图形用户界面（GUI）开发：提供了一个完整的GUI工具箱，包含各种控件（如按钮、文本框、滑块、列表视图等）、布局管理器、样式表支持、动画效果等，帮助开发者快速构建美观、功能丰富的桌面和移动应用界面。Qt Designer是一个可视化界面设计工具，允许通过拖放操作构建UI，所见即所得。非GUI应用开发：除了GUI程序，Qt同样适用于开发命令行工具、后台服务、嵌入式系统等非图形化应用。其底层API涵盖了文件处理、线程、网络通信、数据库访问等广泛的功能。面向对象设计： Qt采用面向对象的设计原则，提供了高度模块化的类库，使得代码组织清晰、易于扩展和重用。它遵循MVC（模型-视图-控制器）模式，支持数据驱动的界面设计。元对象系统与信号槽机制： Qt Meta-Object System（元对象系统）是Qt框架的一个重要特性，它引入了元对象编译器（moc），用于在编译时生成额外的代码以支持对象间通信、反射、动态属性绑定等高级功能。 Signal & Slot机制是Qt中实现对象间事件驱动通信的核心方式。信号代表对象状态变化或事件发生，槽则是响应这些信号的可调用实体。这种松耦合的通信方式简化了异步编程和事件处理。 QML与Qt Quick： QML是一种声明性语言，结合JavaScript，用于快速创建流畅、动态的用户界面。它与Qt Quick框架紧密集成，特别适合开发现代化、触屏友好的应用。 Qt Quick Controls和Qt Quick Dialogs提供了一系列预定义的QML组件，用于构建具有传统桌面风格或现代移动风格的界面元素。同时，Qt Quick也支持自定义控件开发。多媒体支持： Qt Multimedia模块提供对音频、视频播放、录音、摄像头访问等功能的支持，使得开发多媒体应用程序变得简便。网络功能： Qt Network模块封装了网络通信相关的API，包括HTTP、FTP、TCP/UDP套接字、SSL加密、DNS查询等，便于开发网络应用和服务。国际化与本地化： Qt Linguist工具支持应用程序的多语言翻译和本地化工作，确保软件能适应全球市场。开发工具与生态系统： Qt Creator是一款集成开发环境（IDE），集成了项目管理、代码编辑、调试、版本控制、QML预览等多种功能，为Qt开发提供了无缝的工作流程。 Qt拥有活跃的开发者社区、丰富的文档资源、示例代码库以及商业支持选项，为开发者的学习、问题解决和项目实施提供了坚实后盾。

16,239

社区成员

26,650

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章