RTY 實踐出真知

請尊重原創作品和譯文。轉載請保持文章完整性，并以超鏈接形式注明原始作者地址http://blog.csdn.net/changsheng230，方便其他朋友提問和指正。

將QML整合到基于QWidget UI程序的方法有很多種，而具體采用哪種方法取決于現有UI代碼的特性。

與基于QWidget的UI整合

如果你已經有了一個基于QWidget的UI，QML widgets可以使用QDeclarativeView來進行集成。QDeclarativeView是QWidget的一個子類，所以你可以像加載其他QWidget一樣把它加載進你的UI。 具體方法是使用QDeclarativeView::setSource()方法加載一個QML文件到視圖中，然后將這個視圖（即QDeclarativeView）加到你的UI中。

view plain
QDeclarativeView *qmlView = new QDeclarativeView;  
qmlView->setSource(QUrl::fromLocalFile("myqml.qml"));  
  
QWidget *widget = myExistingWidget();  
QVBoxLayout *layout = new QVBoxLayout(widget);  
widget->addWidget(qmlView);  

這種方法的缺點在于與QWidget相比，QDelarativeVeiw的初始化過程更慢，而且使用更多的內存。如果創建大量的QDelarativeVeiw對象可能會導致性能的下降。在這種情況下，更好的選擇是用QML重寫你的widgets，使用main QML widget來加載widget, 從而替代QDelarativeVeiw的濫用。

請注意，QWidgets的UI設計理念與QML并不相同，所以將基于QWidget的應用移植到QML并不總是一個好主意。如果你的UI是由少數幾個復雜、靜態的元素的組成，使用QWidgets是一個更好的選擇。而如果你的UI是由大量簡單、動態的元素組成，那么QML則是你的最佳選擇。

與基于QGraphicsView的UI整合

將QML widgets加入到QGraphicsScene

如果你已經有了一個基于Graphics View Framework的UI，你可以直接將QML widgets集成到你的QGraphicsScene中。具體方法是使用QDeclarativeComponent 從QML文件中創建一個QGraphicsObject，并通過使用QGraphicsScene::addItem(), 方法把這個圖形對象加到你的scene中，或者將其父化到已經存在與QGraphicsScene的組件中。舉例說明:

>

view plain
QGraphicsScene* scene = myExistingGraphicsScene();  
QDeclarativeEngine *engine = new QDeclarativeEngine;  
QDeclarativeComponent component(engine, QUrl::fromLocalFile("myqml.qml"));  
QGraphicsObject *object =  
    qobject_cast(component.create());  
scene->addItem(object);  

推薦使用下面的一些QGraphicsView選項來優化QML UIs的性能：

• QGraphicsView::setOptimizationFlags(QGraphicsView::DontSavePainterState)
• QGraphicsView::setViewportUpdateMode(QGraphicsView::BoundingRectViewportUpdate)
• QGraphicsScene::setItemIndexMethod(QGraphicsScene::NoIndex)

在QML中加載QGraphicsWidget 對象

另一個可供選擇的方法是將你現有的QGraphicsWidget 對象暴露給QML，并且在QML中構建你的scene。請參見圖形布局示例，它展示了如何結合QGraphicsWidget 、QGraphicsLinearLayout 以及QGraphicsGridLayout的使用，將Qt圖形布局類暴露給QML。

為了將現有的QGraphicsWidget類暴露給QML，需使用qmlRegisterType()。在QML中使用C++型別的進一步信息，請參見在C++中拓展QML。 （譯者注：也看參閱QML與C++混合編程使用)

英文原文出處：integrating QML with existing Qt UI code