前言

前面已經(jīng)介紹了四種從 QML 調(diào)用 C++的屬性的方法，今天介紹最后一種，從 QML 調(diào)用 C++中的函數(shù)以及連接 C++中的信號。

調(diào)用 C++函數(shù)

任何繼承于 QObject 類的 C++類型都可以在 QML 中進(jìn)行調(diào)用，調(diào)用C++方法有兩個前提：

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

滿足以上兩個條件就可以對 C++方法進(jìn)行調(diào)用，但是調(diào)用的函數(shù)只有兩種：

• 通過Q_INVOKABLE宏聲明
• 公有的槽函數(shù)

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

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 函數(shù)中進(jìn)行注冊上下文屬性：

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

然后在 QML 中進(jìn)行調(diào)用。

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 調(diào)用Q_INVOKABLE宏標(biāo)記的公有函數(shù)以及公有槽函數(shù)。
QML支持重載C ++函數(shù)的調(diào)用。如果有多個具有相同名稱但參數(shù)不同的C ++函數(shù)，則將根據(jù)提供的參數(shù)的數(shù)量和類型調(diào)用正確的函數(shù)。

當(dāng)從QML中的JavaScript表達(dá)式訪問時，從C ++方法返回的值被轉(zhuǎn)換為JavaScript值。

連接 C++的信號

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

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

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; };

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

然后在 QML 中進(jìn)行調(diào)用：

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()}} }

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

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

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

qml: student name changed xiaoming

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

至此，所有的從 QML 調(diào)用 C++屬性的方法都已經(jīng)全部介紹完了。

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。