前言

前面已經介紹了四種從 QML 調用 C++的屬性的方法，今天介紹最后一種，從 QML 調用 C++中的函數以及連接 C++中的信號。

調用 C++函數

任何繼承于 QObject 類的 C++類型都可以在 QML 中進行調用，調用C++方法有兩個前提：

• C++類繼承于 QObject 類
• 將要調用的方法必須是 public 類型的

滿足以上兩個條件就可以對 C++方法進行調用，但是調用的函數只有兩種：

• 通過Q_INVOKABLE宏聲明
• 公有的槽函數

OK，寫得已經很清楚了， 下面來看看示例：
同樣是在之前的 demo 中進行修改。

class Student : public QObject {Q_OBJECT public:explicit Student(QObject *parent = nullptr);~Student(){}Q_INVOKABLE bool setHeight(int h){qDebug() << __FUNCTION__ << "call the C++ function with: " << h;return true;} public slots:void onRefresh(){qDebug() << "call the c++ slot.";} };

在 Main 函數中進行注冊上下文屬性：

Student student; engine.rootContext()->setContextProperty("student", &student);

然后在 QML 中進行調用。

Button{width: 30height: 30text: "click me"onClicked: {var ret = student.setHeight(100)console.log("C++ result of setHeight:",ret)student.onRefresh()} }

運行程序，點擊按鈕，程序輸出如下：

setHeight call the C++ function with: 100 qml: C++ result of setHeight: true call the c++ slot.

以上示例說明了從 QML 調用Q_INVOKABLE宏標記的公有函數以及公有槽函數。
QML支持重載C ++函數的調用。如果有多個具有相同名稱但參數不同的C ++函數，則將根據提供的參數的數量和類型調用正確的函數。

當從QML中的JavaScript表達式訪問時，從C ++方法返回的值被轉換為JavaScript值。

連接 C++的信號

從 QML 連接 C++中的信號就更簡單了，其實在第一篇文章中已經用過了信號的連接，這里再單獨提出來講一遍，和上面一樣，也需要滿足 C++是繼承于 QObject 類型才可以，在 QML 中連接信號，格式如下：

on < singles >:
其中，signals 是 C++中定義的信號名稱，在 QML 中連接的時候，只需要在信號名前面加 on，然后信號的第一個字母大寫，最后加一個冒號，就 OK 了， 我們來看看實際的示例：
同樣是在上面的代碼中進行修改：

class Student : public QObject {Q_OBJECTQ_PROPERTY(QString name READ getName WRITE setName NOTIFY sigNameChanged) public:explicit Student(QObject *parent = nullptr);~Student(){}Q_INVOKABLE bool setHeight(int h){qDebug() << __FUNCTION__ << "call the C++ function with: " << h;return true;}void setName(const QString & name){if(name != m_name){m_name = name;emit sigNameChanged(m_name);}}QString getName() const {return m_name;} signals:void sigNameChanged(QString name);public slots:void onRefresh(){qDebug() << "call the c++ slot.";}private:QString m_name; };

在之前的基礎上，這里多增加了一個信號，屬性定義在之前的文章中已經介紹過了，就不在多說。

然后在 QML 中進行調用：

Window {visible: truewidth: 640height: 480Label{anchors.centerIn: parenttext: student.name}Connections{target: studentonSigNameChanged:{console.log("student name changed",name)}}Component.onCompleted: {student.name = "xiaoming"}Button{width: 30height: 30text: "click me"onClicked: {var ret = student.setHeight(100)console.log("C++ result of setHeight:",ret)student.onRefresh()}} }

我們在頁面加載完成后設置了 Student 的 name 屬性：

Component.onCompleted: {student.name = "xiaoming" }

然后通過Connections連接了信號，最后我們來看看輸出消息：

qml: student name changed xiaoming

與屬性值和方法參數一樣，信號參數必須具有QML引擎支持的類型; （使用未注冊的類型不會生成錯誤，但參數值將無法從處理程序訪問。）
請注意，名稱相同但參數不同的信號不能相互區分的，所以盡量不要使用同名的信號。
代碼已經很簡單了，至于信號的連接方式，后期再單獨寫文章進行介紹。

至此，所有的從 QML 調用 C++屬性的方法都已經全部介紹完了。

回顧一下前面的文章：
基礎屬性調用->Qt C++屬性類型提供給 QML調用（一）
對象類型屬性調用->Qt C++屬性類型提供給 QML調用（二）
列表類型屬性調用->Qt C++屬性類型提供給 QML調用（三）
分組類型屬性調用->Qt C++屬性類型提供給 QML調用（四）

總結

以上是生活随笔為你收集整理的Qt C++属性类型提供给 QML调用（五）的全部內容，希望文章能夠幫你解決所遇到的問題。

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