堆栈内存溢出
  繁体   English   中英

Qt QML数据模型似乎不适用于C ++

[英]Qt QML data model doesn't seem to work with C++

 原文  2013-04-01 23:04:23  0   1    c++/ qt/ model-view-controller/ qml/ datamodel

问题描述

我一直在使用http://doc.qt.digia.com/4.7/qdeclarativemodels.html中的示例，这是关于QML声明性数据模型的Qt页面。 特别是，我正在使用Qt SDK附带的objectlistmodel示例（在examples / declarative / modelviews / objectlistmodel中）。 这一切似乎都运行得相当好，直到我尝试将它与http://www.developer.nokia.com/Community/Wiki/How_to_create_a_Page_Control_component_in_QML上的QMLPageControl示例结合起来。

当我尝试使用QML ListView显示基于QML的ListModel（使用QML ListElements填充）时，如下所示： 

import QtQuick 1.0

Rectangle {
   width: 200; height: 200

   ListModel {
       id: qmlModel
       ListElement { name: "qml entry1 (red)"; colour: "red" }
       ListElement { name: "qml entry2 (orange)"; colour: "orange" }
       ListElement { name: "qml entry3 (yellow)"; colour: "yellow" }
       ListElement { name: "qml entry4 (green)"; colour: "green" }
       ListElement { name: "qml entry5 (blue)"; colour: "blue" }
       ListElement { name: "qml entry6 (purple)"; colour: "purple" }
   }


   ListView {

       id: list_view

       anchors.fill: parent
       model: qmlModel
       delegate: Rectangle {
           height: 20
           width: 200
           color: colour
           Text { text: name }

       }
    }
}

......一切都很顺利。 这完全符合预期 - 一个窗口弹出一些带有彩色背景的文本。

ListView显示QML ListModel

然后，我可以做一些更复杂的事情，比如使用PathView： 

import QtQuick 1.0

Rectangle {
    width: 200; height: 200

    ListModel {
        id: qmlModel
        ListElement { name: "qml entry1 (red)"; colour: "red" }
        ListElement { name: "qml entry2 (orange)"; colour: "orange" }
        ListElement { name: "qml entry3 (yellow)"; colour: "yellow" }
        ListElement { name: "qml entry4 (green)"; colour: "green" }
        ListElement { name: "qml entry5 (blue)"; colour: "blue" }
        ListElement { name: "qml entry6 (purple)"; colour: "purple" }
    }


    //       ListView {
    //           id: list_view
    //           anchors.fill: parent
    //           model: qmlModel
    //           delegate: Rectangle {
    //               height: 20
    //               width: 200
    //               color: colour
    //               Text { text: name }
    //           }
    //       }

    PathView {
        id: my_path_view

        anchors.fill: parent

        Keys.onRightPressed: if (!moving && interactive) incrementCurrentIndex()
        Keys.onLeftPressed: if (!moving && interactive) decrementCurrentIndex()

        flickDeceleration: 500

        preferredHighlightBegin: 0.5
        preferredHighlightEnd: 0.5
        focus: true
        interactive: true
        model: qmlModel

        delegate: Rectangle {
            width: 100
            height: 100
            color: colour
            Text {
                anchors.centerIn: parent
                text: name
            }
        }


        path: Path {
            startX: - my_path_view.width * my_path_view.model.count / 2 + my_path_view.width / 2
            startY: my_path_view.height / 2
            PathLine {
                x: my_path_view.width * my_path_view.model.count / 2 + my_path_view.width / 2
                y: my_path_view.height / 2
            }
        }
    }
}

同样，这一切都按预期工作 - 一个窗口弹出一个可滑动，可拖动的彩色框列表。

PathView显示QML ListModel

PathView在运动中显示QML ListModel

备份，我可以在C ++中定义一个数据对象，如下所示：

dataobject.h 

#ifndef DATAOBJECT_H
#define DATAOBJECT_H

#include <QObject>

class DataObject : public QObject
{
    Q_OBJECT

    Q_PROPERTY( QString name READ name WRITE setName NOTIFY nameChanged )
    Q_PROPERTY( QString colour READ colour WRITE setColour NOTIFY colourChanged )


public:
    DataObject( QObject * parent = 0 );
    DataObject( const QString &_name, const QString &_color, QObject * parent=0 );

    QString name() const;
    void setName(const QString &);

    QString colour() const;
    void setColour(const QString &);

signals:
    void nameChanged();
    void colourChanged();


private:
    QString m_name;
    QString m_colour;
};


#endif // DATAOBJECT_H

dataobject.cpp 

#include "dataobject.h"
#include <QDebug>

DataObject::DataObject( QObject * parent )
    : QObject( parent )
{
    qDebug() << "DataObject::DataObject() has been called.\n";

}

DataObject::DataObject( const QString &_name, const QString &_colour, QObject * parent )
    : QObject( parent )
    , m_name( _name )
    , m_colour( _colour )
{
    qDebug() << "DataObject::DataObject(name, color) has been called.\n";

}


QString DataObject::name() const {
    qDebug() << "name() has been called.\n";
    return m_name;
}

void DataObject::setName(const QString &name) {
    qDebug() << "setName has been called.\n";
    if ( name != m_name ) {
        m_name = name;
        emit nameChanged();
    }
}

QString DataObject::colour() const {
    qDebug() << "colour() has been called.\n";
    return m_colour;
}

void DataObject::setColour(const QString &colour) {
    qDebug() << "setColour has been called.\n";
    if ( colour != m_colour ) {
        m_colour = colour;
        emit colourChanged();
    }
}

然后我将它添加到QML上下文中： 

#include <QApplication>
#include <QDialog>
#include <QDeclarativeView>
#include <QDeclarativeContext>
#include <QLayout>
#include <QDir>
#include "qmlapplicationviewer.h"
#include "dataobject.h"

int main(int argc, char *argv[])
{
    QApplication app(argc, argv);

    QList<QObject*> dataList;
    dataList.append( new DataObject( "c++ entry1 (red)", "red" ) );
    dataList.append( new DataObject( "c++ entry2 (orange)", "orange" ) );
    dataList.append( new DataObject( "c++ entry3 (yellow)", "yellow" ) );
    dataList.append( new DataObject( "c++ entry4 (green)", "green" ) );
    dataList.append( new DataObject( "c++ entry5 (blue)", "blue" ) );
    dataList.append( new DataObject( "c++ entry6 (purple)", "purple" ) );

    QmlApplicationViewer viewer;
    viewer.rootContext()->setContextProperty( "cppModel", QVariant::fromValue(dataList) );
    viewer.setOrientation(QmlApplicationViewer::ScreenOrientationAuto);
#if defined( Q_OS_MAC )
    viewer.setMainQmlFile("../Resources/qml/main.qml");
#elif defined( Q_OS_WIN32 )
    viewer.setMainQmlFile("qml/main.qml");
#else
#error - unknown platform
#endif
    viewer.showExpanded();

    return app.exec();
}

最后，在QML中，我将这个C ++模型添加到ListView： 

import QtQuick 1.0

Rectangle {
    width: 200; height: 200

    ListModel {
        id: qmlModel
        ListElement { name: "qml entry1 (red)"; colour: "red" }
        ListElement { name: "qml entry2 (orange)"; colour: "orange" }
        ListElement { name: "qml entry3 (yellow)"; colour: "yellow" }
        ListElement { name: "qml entry4 (green)"; colour: "green" }
        ListElement { name: "qml entry5 (blue)"; colour: "blue" }
        ListElement { name: "qml entry6 (purple)"; colour: "purple" }
    }


           ListView {

               id: list_view

               anchors.fill: parent
               //model: qmlModel
               model: cppModel
               delegate: Rectangle {
                   height: 20
                   width: 200
                   color: colour
                   Text { text: name }

               }
           }

}

再次，这工作得很好 - 出现一个带有文本的对话框，其中彩色背景排列在带中。 显示由C ++模型支持的ListView似乎可以正常工作，也可以显示由QML ListModel支持的ListView。

ListView在C ++中显示QList

我想要工作的是支持PathView的C ++模型，如下所示： 

import QtQuick 1.0

Rectangle {
    width: 200; height: 200

    ListModel {
        id: qmlModel
        ListElement { name: "qml entry1 (red)"; colour: "red" }
        ListElement { name: "qml entry2 (orange)"; colour: "orange" }
        ListElement { name: "qml entry3 (yellow)"; colour: "yellow" }
        ListElement { name: "qml entry4 (green)"; colour: "green" }
        ListElement { name: "qml entry5 (blue)"; colour: "blue" }
        ListElement { name: "qml entry6 (purple)"; colour: "purple" }
    }


//    ListView {

//       id: list_view

//       anchors.fill: parent
//       model: qmlModel
//       //model: cppModel
//       delegate: Rectangle {
//           height: 20
//           width: 200
//           color: colour
//           Text { text: name }

//       }
//    }

    PathView {
        id: my_path_view

        anchors.fill: parent

        Keys.onRightPressed: if (!moving && interactive) incrementCurrentIndex()
        Keys.onLeftPressed: if (!moving && interactive) decrementCurrentIndex()

        flickDeceleration: 500

        preferredHighlightBegin: 0.5
        preferredHighlightEnd: 0.5
        focus: true
        interactive: true
        //model: qmlModel
        model: cppModel

        delegate: Rectangle {
            width: 100
            height: 100
            color: colour
            Text {
                anchors.centerIn: parent
                text: name
            }
        }


        path: Path {
            startX: - my_path_view.width * my_path_view.model.count / 2 + my_path_view.width / 2
            startY: my_path_view.height / 2
            PathLine {
                x: my_path_view.width * my_path_view.model.count / 2 + my_path_view.width / 2
                y: my_path_view.height / 2
            }
        }
    }
}

这不起作用。 我看到的是彩色矩形，但它们无法与鼠标进行交互，并且它们不在qmlviewer对话框中居中。

QML PathView中的C ++ QList

在调试控制台上我看到了这个： 

QDeclarativeDebugServer: Waiting for connection on port 3768...
QDeclarativeDebugServer: Connection established
QPainterPath::lineTo: Adding point where x or y is NaN or Inf, ignoring call
QPainterPath::lineTo: Adding point where x or y is NaN or Inf, ignoring call
colour() has been called.

name() has been called.

colour() has been called.

name() has been called.

colour() has been called.

name() has been called.

colour() has been called.

name() has been called.

colour() has been called.

name() has been called.

colour() has been called.

name() has been called.

QPainterPath::lineTo: Adding point where x or y is NaN or Inf, ignoring call
QPainterPath::lineTo: Adding point where x or y is NaN or Inf, ignoring call
QPainterPath::lineTo: Adding point where x or y is NaN or Inf, ignoring call
QPainterPath::lineTo: Adding point where x or y is NaN or Inf, ignoring call
QPainterPath::lineTo: Adding point where x or y is NaN or Inf, ignoring call

看起来QList的基本形状足够接近QML ListModel / ListItem集合以供ListView显示，但不足以让PathView显示。

有谁知道可能出现什么问题？ 不幸的是，QML类文档并没有真正与编写符合C ++标准的目标相结合。 例如， http: //qt-project.org/doc/qt-4.8/qml-pathview.html上的PathView对象文档没有说明其模型需要支持哪些属性。 此外，ListModel文档不是确定的 - 它没有准确说明ListModel支持哪些属性，并且没有关于QList如何精确满足这些要求以及它如何不满足的明确文档。

更新：我在Windows上尝试使用Qt 5，我仍然遇到同样的问题。

1 个解决方案

解决方案1
 8 已采纳  2013-04-11 06:03:40

事实证明， cppModel的count属性不可用是一个非常简单的原因 - 因为QAbstractListModel和QList<>都没有count属性！

我假设ListModel可以替换为基于C ++的对象（如QList <>），这意味着它们是多态的，ListView或PathView将使用count属性来正确处理它们。

首先， QAbstractListModel和QList<>都不是ListModel多态。 事实证明，它们都只是特殊的 - ListView知道它是否具有ListModel或QList<>或QAbstractListModel并且具有单独的代码路径以供使用它们。 ListView不需要不存在的count属性来管理QList<>或QAbstractListModel 。 事实上，我不清楚ListView和PathView甚至使用ListModel的count属性。 count属性似乎主要是为了QML程序员的好处。 在我的示例中，我使用count属性在PathView构建Path对象。 如果我使用length属性而不是因为QList<> DOES具有length属性，那么我的示例可以正常工作。

感谢＃qt-qml上的blam和torgeirl帮助我（不想通过发布这个答案收集stackoverflow点，所以我发布它是为了社区的利益）。

暂无
暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 将自己的QT C ++数据模型与QML集成 C ++ Qt QCloseEvent不起作用 QML GridView不能反映C ++模型中的更改 QML 引擎无法正确导入 C++ model C ++ Eclipse：二进制搜索树节点-&gt; data =变量似乎不起作用 OpenCV 3似乎不适用于Qt if（）似乎不起作用-C ++ opengl空闲函数 C ++：运算符（逗号）似乎不起作用 类的前向声明似乎在C ++中不起作用 该程序似乎无法正确保存输入数据（C ++）
相关标签
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM