文章目錄

• QML和C++混合編程--（二）之QML連接C++方法和信號
• • 簡介：
  • 一、修改app.qml 文件
  • 二、修改c++中的類

QML和C++混合編程–（二）之QML連接C++方法和信號

簡介：

在上一篇中，我們講到PieChart類的自定義，并且將該圖形顯示出來。本篇我們在QML中添加“ "clearChart()"方法，使能能夠刪除圖形。
效果如下：


一、修改app.qml 文件

那么首先我們需要在app.qml中能夠調用clearChart() 方法，并且接收chartCleared()信號。

修改代碼如下：

import Charts 1.0import QtQuick 2.0Item {width: 300; height: 200PieChart {id: aPieChartanchors.centerIn: parentwidth: 100; height: 100color: "red"onChartCleared: console.log("The chart has been cleared")}MouseArea {anchors.fill: parentonClicked: aPieChart.clearChart()}Text {anchors { bottom: parent.bottom; horizontalCenter: parent.horizontalCenter; bottomMargin: 20 }text: "Click anywhere to clear the chart"}}

二、修改c++中的類

我們在c++ 類中添加clearChart()方法和chartCleared() 信號

class PieChart : public QQuickPaintedItem{...public:...Q_INVOKABLE void clearChart();signals:void chartCleared();...};

這里，因為是Qt Meta-Object system,，我們用到Q_INVOKABLE來使得clearChart()方法可用。

當然，在QML中 可聲明為槽也是可行的。這兩種方法都是行得通的。

要clearChart() 方法很簡單，只需要將color設置為Qt::transparent，然后重繪chart，然后再發送chartCleared()信號：

void PieChart::clearChart(){setColor(QColor(Qt::transparent));update();emit chartCleared();}

現在，我們來運行下應用程序，單擊窗體，可以看到pie chart 消失了，且應用程序輸出了一串文本消息:
qml: The chart has been cleared

本篇翻譯自Qt 的官方文檔
Writing QML Extensions with C++ 之 Chapter2

總結

以上是生活随笔為你收集整理的QML和C++混合编程--（二）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。