RTY 實(shí)踐出真知

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

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

與基于QWidget的UI整合

如果你已經(jīng)有了一個(gè)基于QWidget的UI，QML widgets可以使用QDeclarativeView來(lái)進(jìn)行集成。QDeclarativeView是QWidget的一個(gè)子類(lèi)，所以你可以像加載其他QWidget一樣把它加載進(jìn)你的UI。 具體方法是使用QDeclarativeView::setSource()方法加載一個(gè)QML文件到視圖中，然后將這個(gè)視圖（即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);  

這種方法的缺點(diǎn)在于與QWidget相比，QDelarativeVeiw的初始化過(guò)程更慢，而且使用更多的內(nèi)存。如果創(chuàng)建大量的QDelarativeVeiw對(duì)象可能會(huì)導(dǎo)致性能的下降。在這種情況下，更好的選擇是用QML重寫(xiě)你的widgets，使用main QML widget來(lái)加載widget, 從而替代QDelarativeVeiw的濫用。

請(qǐng)注意，QWidgets的UI設(shè)計(jì)理念與QML并不相同，所以將基于QWidget的應(yīng)用移植到QML并不總是一個(gè)好主意。如果你的UI是由少數(shù)幾個(gè)復(fù)雜、靜態(tài)的元素的組成，使用QWidgets是一個(gè)更好的選擇。而如果你的UI是由大量簡(jiǎn)單、動(dòng)態(tài)的元素組成，那么QML則是你的最佳選擇。

與基于QGraphicsView的UI整合

將QML widgets加入到QGraphicsScene

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

>

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選項(xiàng)來(lái)優(yōu)化QML UIs的性能：

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

在QML中加載QGraphicsWidget 對(duì)象

另一個(gè)可供選擇的方法是將你現(xiàn)有的QGraphicsWidget 對(duì)象暴露給QML，并且在QML中構(gòu)建你的scene。請(qǐng)參見(jiàn)圖形布局示例，它展示了如何結(jié)合QGraphicsWidget 、QGraphicsLinearLayout 以及QGraphicsGridLayout的使用，將Qt圖形布局類(lèi)暴露給QML。

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

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