は、動的に作成タブ要素

Question

とC++とQMLとの結合、私はmain.qml

TabView { 
    id: tabRoot 
    objectName: "tabRootObj" 
} 

でTabViewを持っている私のアプリケーションは、すべての新しい着信TCP接続上で新しいタブを作成します。次のコードは、要求に応じて新しいタブを作成します（この回答に基づいて、https://stackoverflow.com/a/27093137/3960195）。また、プロパティを介してアクセス可能ないくつかの統計情報が含まれているクラスConnectionManagerの新しいインスタンス（転送されたバイトの数など）を作成し、すべてのTCP接続で

void addTab(QQmlApplicationEngine& engine) { 
    root_tab = engine.rootObjects().first()->findChild<QQuickItem*>(QStringLiteral("tabRootObj")); 

    QVariant new_tab; 
    QQmlComponent component(&engine, QUrl("qrc:/MyTab.qml"); 
    QMetaObject::invokeMethod(root_tab, "addTab", 
     Q_RETURN_ARG(QVariant, new_tab), 
     Q_ARG(QVariant, QStringLiteral("Tab name")), 
     Q_ARG(QVariant, QVariant::fromValue(&component))); 
} 

。

//ConnectionManager.hpp 
class ConnectionManager : public QObject 
{ 
    Q_OBJECT 
public: 
    // ... 
    Q_PROPERTY(QString address READ address NOTIFY ipChanged) 
    Q_PROPERTY(int received READ received NOTIFY receivedChanged) 
    //... 
} 

//MyTab.qml 
Item { 
    property string ip 
    property int received 
    ... 
} 

私が必要とするものは、プロパティーを持つプロパティーをバインドすることです。MyTab.qml。 問題は方法TabView.addTabがそれ自身にMyTabのコンポーネントを作成し、私はそのコンテキストにConnectionManagerの具体的なインスタンスを注入することができないということです。また、新しい接続が作成されるまで、ConnectionManagerは存在しませんので、アプリケーションの開始時にrootContextまで追加することはできません。この新しく作成されたオブジェクト間にバインディングを作成するにはどうすればよいですか？

それはQMLで私の最初のプロジェクトはので、多分それを行うにはどのようにより良い「QML」方法があります。その場合、「正しい」方法を示す回答も受け入れられます。

Answer 1

コメントでGrecKoをお勧めしましたが、私はRepeaterをTabViewの中に使用し、モデルとして定義しました。 Repeaterと

TabViewは次のようになります。

TabView { 
    id: tabRoot 
    Repeater { 
     model: ConnectionModel 
     delegate: Tab { 
      title: connection.name 
      Client { 
       address connection.address 
       received: connection.received 
      } 
     } 
    } 
} 

簡単にQtのdocumentationで見つけることができますどのようにモデルを作成します。 ConnectionModelというモデルクラス（QAbstractListModelから継承）があり、connection（RepeaterのdelegateのConnectionManagerのインスタンスを参照するために使用されています）が含まれているとします。私はRepeaterをモデルインスタンスに接続するためにQQmlApplicationEngine.rootContext()->setContextProperty()メソッドを使用しました。

QApplication app(argc, argv); 
QQmlApplicationEngine engine; 
// Create instace of ConnectionModel 
ConnectionModel model; 
// Assasign the model instance to the QML context property "ConnectionModel" 
engine.rootContext()->setContextProperty("ConnectionModel", &model); 
// ... 
engine.load(QUrl(QStringLiteral("qrc:/main.qml"))); 

return app.exec(); 

プログラムはConnectionManagerの新しいインスタンスを作成し、すべての新しいTCP接続の場合：以下の例では、接続を作成する方法を示しています。その後、新しいレコードをモデルに挿入するメソッドを呼び出し、新しいConnectionManagerの参照を挿入します。

QMLでダイナミックなタブを作成する必要がある人に役立つことを願っています。