QML與C++互動登陸介面設計

阿新 • • 發佈：2018-11-15

分享一下我老師大神的人工智慧教程！零基礎，通俗易懂！http://blog.csdn.net/jiangjunshow

也歡迎大家轉載本篇文章。分享知識，造福人民，實現我們中華民族偉大復興！

QML與C++互動:登陸介面設計

本文部落格連結:http://blog.csdn.net/jdh99,作者:jdh,轉載請註明.

環境：

主機:WIN7

開發環境:Qt5.2.1

說明:

QML設計前臺介面,C++後臺負責邏輯

效果圖:

原始碼:

前臺qml檔案

login.qml

/**********************************************************************                            登陸介面qml檔案*                       (c)copyright 2014,jdh*                         All Right Reserved*新建日期:2014/4/29 by jdh*修改日期:2014/4/30 by jdh*修改日期:2014/5/4 by jdh*修改日期:2014/5/5 by jdh**********************************************************************/ 
import QtQuick 2.0import "content"import Login_Gui 1.0Rectangle{    id: login    width: 320; height: 512    SystemPalette { id: activePalette }    //C++元件:使用者介面    Login_Gui    {        id 
:login_gui        onSig_login_result:        {            //關閉登陸動畫            load_gif.opacity = 0            //根據登陸結果處理            switch (result)            {            //登陸成功            case 0:                message.text = "登陸成功"                message.opacity = 1                break;            //無此使用者名稱            case 1:                message.text = "登陸失敗:無此使用者名稱"                message.opacity = 1                break;            //密碼錯誤            case 2:                message.text = "登陸失敗:密碼錯誤"                message.opacity = 1                break;            //達到最大登陸次數            case 3:                message.text = "登陸失敗:達到最大登陸次數"                message.opacity = 1                break;            }        }    }    //背景圖片    Image    {        id: background        anchors { top: parent.top; bottom: parent.bottom }        anchors.fill: parent        source: "pics/pic1.png"        fillMode: Image.PreserveAspectCrop    }    //訊息框    Message    {        id: message        font_size: login.height * 0.03        anchors {centerIn: parent}        opacity: 0    }    //登陸動畫    AnimatedImage    {        id: load_gif; source: "pics/load.gif"        anchors {horizontalCenter: parent.horizontalCenter; verticalCenter: parent.verticalCenter}        z: 100        opacity: 0    }    //頂欄    Item    {        id: top_bar        width: login.width; height: login.height * 0.06        anchors.top: parent.top        Text        {            id: title            anchors { top: parent.top; horizontalCenter: parent.horizontalCenter }            //text: "登陸"            text: "登陸"            font.bold: true            font.pointSize: login.height * 0.06 * 0.4            color: "dark red"        }    }    //空白欄    Item    {        id: space1        width: login.width; height: login.height * 0.1        anchors.top: top_bar.bottom    }    //登陸框    Rectangle    {        id: rect1        width: login.width * 0.8; height: login.height * 0.3        anchors { top: space1.bottom; horizontalCenter: parent.horizontalCenter }        border.color: "#707070"        color: "transparent"        radius: 8        Row        {            spacing: rect1.width * 0.05            Item            {                width: rect1.width * 0.05; height: rect1.height            }            Column            {                spacing: rect1.height * 0.025                Item                {                    width: rect1.width * 0.8; height: rect1.height * 0.05                }                LineInput                {                    id: txt_user_id                    width: rect1.width * 0.8; height: rect1.height * 0.2                    font_size:height * 0.7                    //anchors {horizontalCenter: rect1.horizontalCenter; top: rect1.top; topMargin: 8}                    hint: "請輸入使用者號"                    text:login_gui.user_id                }                LineInput                {                    id: txt_password                    width: rect1.width * 0.8; height: rect1.height * 0.2                    font_size:height * 0.7                    //anchors {horizontalCenter: rect1.horizontalCenter; bottom: btn_login.top;  bottomMargin: rect1.height * 0.1}                    hint: "請輸入密碼"                    text:login_gui.password                }                Row                {                    spacing: rect1.width * 0.1                    Button                    {                        id: btn_login                        width: rect1.width * 0.35; height: rect1.height * 0.2                        //anchors { left: rect1.left; leftMargin: 28; bottom: rect1.bottom; bottomMargin: 8 }                        text: "登陸"                        onClicked: login_req()                    }                    Button                    {                        id: btn_quit                        width: rect1.width * 0.35; height: rect1.height * 0.2                        //anchors { right: rect1.right; rightMargin: 28; bottom: rect1.bottom; bottomMargin: 8 }                        text: "退出"                        onClicked:                        {                            Qt.quit();                        }                    }                }                Row                {                    spacing: rect1.width * 0.1                    CheckBox                    {                        id: check1                        width: rect1.width * 0.35; height: rect1.height * 0.2                        //anchors { left: rect1.left; top: rect1.bottom }                        caption: "記住密碼"                        selected: login_gui.flag_remember                    }                    CheckBox                    {                        id: check2                        width: rect1.width * 0.35; height: rect1.height * 0.2                        //anchors { right: rect1.right; top: rect1.bottom }                        caption: "自動登陸"                        selected: login_gui.flag_auto                    }                }            }        }    }    //android自帶鍵處理    FocusScope    {        focus: true        Keys.onReleased:        {            if (event.key == Qt.Key_Back)            {                console.log("qml login quit")                login.sig_btn_quit()            }        }    }    //登陸請求函式    function login_req()    {        //判斷使用者名稱是否有效        if (txt_user_id.text == "")        {            message.text = "請輸入使用者名稱"            message.opacity = 1            return        }        //判斷密碼是否有效        if (txt_password.text == "")        {            message.text = "請輸入密碼"            message.opacity = 1            return        }        //顯示登陸動畫        load_gif.opacity = 1        //登陸請求        login_gui.user_id = txt_user_id.text        login_gui.password = txt_password.text        login_gui.flag_remember = check1.selected        login_gui.flag_auto = check2.selected        login_gui.slot_login_req()    }//    //訊號槽繫結//    Component.onCompleted://    {//        login_gui.sig_user_id_changed.connect(login_gui.slot_btn_login)//    }}

後臺C++程式碼

main.c

/**********************************************************************                               主檔案*                       (c)copyright 2014,jdh*                         All Right Reserved*新建日期:2014/1/27 by jdh*修改日期:2014/1/28 by jdh*修改日期:2014/2/4 by jdh*修改日期:2014/2/18 by jdh*修改日期:2014/2/27 by jdh*修改日期:2014/2/28 by jdh*修改日期:2014/3/1 by jdh*修改日期:2014/4/10 by jdh*修改日期:2014/5/4 by jdh**********************************************************************/#include "world.h"#include "main_gui.h"#include "login_gui.h"#include "light_gui.h"#include "heart_beat.h"#include "net.h"#include "data_sync_center.h"#include "set_ctrl_state.h"int main(int argc, char *argv[]){    QGuiApplication app(argc, argv);    //註冊元件到QML    qmlRegisterType<Login_Gui>("Login_Gui", 1, 0, "Login_Gui");    QtQuick2ApplicationViewer viewer;    viewer.setMainQmlFile(QStringLiteral("qml/SH_User/login.qml"));    viewer.showExpanded();    return app.exec();}

login_gui.h

/**********************************************************************                           登陸介面模組標頭檔案*                       (c)copyright 2014,jdh*                         All Right Reserved*新建日期:2014/1/29 by jdh*修改日期:2014/2/1 by jdh*修改日期:2014/2/18 by jdh*修改日期:2014/3/18 by jdh*修改日期:2014/5/4 by jdh*修改日期:2014/5/5 by jdh*修改日期:2014/5/13 by jdh**********************************************************************/#ifndef LOGIN_GUI_H#define LOGIN_GUI_H/**********************************************************************                               標頭檔案**********************************************************************/#include "world.h"/**********************************************************************                               巨集定義**********************************************************************//**********************************************************************                               登入間隔*單位:ms**********************************************************************/#define INTERVAL_LOGIN          500/**********************************************************************                               最大登入次數**********************************************************************/#define NUM_LOGIN               5/**********************************************************************                               資料結構**********************************************************************//**********************************************************************                               登入介面類**********************************************************************/class Login_Gui : public QObject{    Q_OBJECT    //屬性:使用者名稱    Q_PROPERTY(QString user_id READ user_id WRITE set_user_id NOTIFY sig_user_id_changed)    //屬性:密碼    Q_PROPERTY(QString password READ password WRITE set_password NOTIFY sig_password_changed)    //屬性:記住密碼標誌    Q_PROPERTY(bool flag_remember READ flag_remember \               WRITE set_flag_remember NOTIFY sig_flag_remember_changed)    //屬性:自動登入標誌    Q_PROPERTY(bool flag_auto READ flag_auto \               WRITE set_flag_auto NOTIFY sig_flag_auto_changed)public:    /*********************************************************************    *                           函式    **********************************************************************/    /*********************************************************************    *                           初始化函式    **********************************************************************/    Login_Gui();    /*********************************************************************    *                           解構函式    **********************************************************************/    ~Login_Gui();    /*********************************************************************    *                           屬性讀取:使用者號    **********************************************************************/    QString user_id();    /*********************************************************************    *                           屬性寫入:使用者號    **********************************************************************/    void set_user_id(QString str);    /*********************************************************************    *                           屬性讀取:密碼    **********************************************************************/    QString password();    /*********************************************************************    *                           屬性寫入:密碼    **********************************************************************/    void set_password(QString str);    /*********************************************************************    *                           屬性讀取:記住密碼標誌    **********************************************************************/    bool flag_remember();    /*********************************************************************    *                           屬性寫入:記住密碼標誌    **********************************************************************/    void set_flag_remember(bool flag);    /*********************************************************************    *                           屬性讀取:自動登陸標誌    **********************************************************************/    bool flag_auto();    /*********************************************************************    *                           屬性寫入:自動登陸標誌    **********************************************************************/    void set_flag_auto(bool flag);signals:    /*********************************************************************    *                           屬性改變訊號:使用者號    **********************************************************************/    void sig_user_id_changed();    /*********************************************************************    *                           屬性改變訊號:密碼    **********************************************************************/    void sig_password_changed();    /*********************************************************************    *                           屬性改變訊號:記住密碼標誌    **********************************************************************/    void sig_flag_remember_changed();    /*********************************************************************    *                           屬性改變訊號:自動登陸標誌    **********************************************************************/    void sig_flag_auto_changed();    /*********************************************************************    *                           訊號:登陸結果    *引數:result:0:成功    *           1:無此使用者名稱    *           2:密碼錯誤    *           3:達到登陸的最大次數    **********************************************************************/    void sig_login_result(int result);    /*********************************************************************    *                               傳送網路幀    *引數:id:使用者名稱    *    password:密碼    *    cmd:幀命令    *    index:傳送序列號    *    frame:傳送的報文    **********************************************************************/    void sig_net_tx_frame_with_id(uint32_t id,uint32_t password,int cmd,uint16_t index,QByteArray frame);public slots:    /*********************************************************************    *                           槽函式:登陸請求    **********************************************************************/    void slot_login_req();    /*********************************************************************    *                           槽函式:登陸響應    *引數:data:接收的資料    **********************************************************************/    void slot_login_ack(QByteArray data);private slots:    /*********************************************************************    *                           槽函式:心跳滴答函式    *說明:1滴答觸發1次    **********************************************************************/    void slot_tick();private:    /*********************************************************************    *                           變數    **********************************************************************/    /*********************************************************************    *                           屬性:使用者號    **********************************************************************/    QString _user_id;    /*********************************************************************    *                           屬性:密碼    **********************************************************************/    QString _password;    /*********************************************************************    *                           屬性:記住密碼標誌    **********************************************************************/    bool _flag_remember;    /*********************************************************************    *                           屬性:自動登入標誌    **********************************************************************/    bool _flag_auto;    /*********************************************************************    *                           滴答定時器    **********************************************************************/    QTimer *timer;    /*********************************************************************    *                           登入計數器    **********************************************************************/    int Login_Counter;};#endif // LOGIN_GUI_H

login_gui.c

/**********************************************************************                           登陸介面模組主檔案*                       (c)copyright 2014,jdh*                         All Right Reserved*新建日期:2014/1/29 by jdh*修改日期:2014/2/1 by jdh*修改日期:2014/2/17 by jdh*修改日期:2014/2/18 by jdh*修改日期:2014/2/16 by jdh*修改日期:2014/5/4 by jdh*修改日期:2014/5/5 by jdh*修改日期:2014/5/13 by jdh**********************************************************************//**********************************************************************                           標頭檔案**********************************************************************/#include "login_gui.h"/**********************************************************************                           函式**********************************************************************//**********************************************************************                           初始化函式**********************************************************************/Login_Gui::Login_Gui(){    //初始化變數    Login_Counter = 0;    //滴答初始化    timer = new QTimer(this);    //繫結訊號槽    connect(timer, SIGNAL (timeout()), this , SLOT(slot_tick()));    QFile file_cfg("cfg.txt");    QByteArray arr;    bool ok;    int flag_remember = 0;    int flag_auto_login = 0;    int id = 0;    int password = 0;    QString str;    int i = 0;    int j = 0;    //屬性初始化    _user_id = "";    _password = "";    _flag_remember = false;    _flag_auto = false;    //判斷檔案是否存在    if (!file_cfg.exists())    {        file_cfg.close();    }    else    {        //檔案存在        file_cfg.open(QIODevice::ReadOnly);        //讀取檔案        do        {            str.clear();            arr = file_cfg.readLine();            for (i = 0;i < arr.count();i++)            {                if ((arr.at(i) >= '0' && arr.at(i) <= '9') || \                    (arr.at(i) >= 'a' && arr.at(i) <= 'f') || \                     arr.at(i) == 'x')                {                    str[j++] = arr.at(i);                }            }            flag_remember = str.toInt(&ok,16);            if (!ok)            {                break;            }            str.clear();            arr = file_cfg.readLine();            for (i = 0;i < arr.count();i++)            {                if ((arr.at(i) >= '0' && arr.at(i) <= '9') || \                    (arr.at(i) >= 'a' && arr.at(i) <= 'f') || \                     arr.at(i) == 'x')                {                    str[j++] = arr.at(i);                }            }            flag_auto_login = str.toInt(&ok,16);            if (!ok)            {                break;            }            str.clear();            arr = file_cfg.readLine();            for (i = 0;i < arr.count();i++)            {                if ((arr.at(i) >= '0' && arr.at(i) <= '9') || \                    (arr.at(i) >= 'a' && arr.at(i) <= 'f') || \                     arr.at(i) == 'x')                {                    str[j++] = arr.at(i);                }            }            id = str.toInt(&ok,16);            if (!ok)            {                break;            }            str.clear();            arr = file_cfg.readLine();            for (i = 0;i < arr.count();i++)            {                if ((arr.at(i) >= '0' && arr.at(i) <= '9') || \                    (arr.at(i) >= 'a' && arr.at(i) <= 'f') || \                     arr.at(i) == 'x')                {                    str[j++] = arr.at(i);                }            }            password = str.toInt(&ok,16);            if (!ok)            {                break;            }            //判斷是否記住密碼            if (flag_remember == VALID_FLAG)            {                _user_id = QString::number(id,10);                _password = QString::number(password,10);                _flag_remember = true;                //判斷是否自動登入                if (flag_auto_login == VALID_FLAG)                {                    _flag_auto = true;         &nb

 
 
              
           
              
              
            
            相關推薦
			   
            
            
            
 

    

    
    QML與C++互動 登陸介面設計
       
  
  
 分享一下我老師大神的人工智慧教程！零基礎，通俗易懂！http://blog.csdn.net/jiangjunshow
 
 也歡迎大家轉載本篇文章。分享知識，造福人民，實現我們中華民族偉大復興！
 
 
          

  
 

    

    
    c# Winform登陸介面設計，登陸使用者不同許可權設定
       
 
 要求：登陸介面，使用者只有管理員和普通使用者 
           管理員可以進行資料庫的增、刪、改、查； 
          

  
 

    

    
    qml與C++互動傳值的簡單demo
      
                
qml 與C++的後臺互動，參照foruok大神的寫法自己研究，改動了一下，有不足 的地方還望路過的大神指出，
我用的是Qt5.7.1，做了個簡單的demo，下面是我的程式碼原始碼
具體的操作過程如下：
新建選擇Application專案 中的Qt Quick Contro 

  
 

    

    
    QML與c++互動的一些坑
      
							
							
							這個是轉載的，【lvliang2008】，





    #include <QtGui/QApplication>  
    #include <QtDeclarative/QDeclarativeView>  
    #inc 

  
 

    

    
    c++中的訊號與QML中的函式繫結(連結)起來 以及qml與c++互動重要筆記
      
                
signals:
Q_INVOKABLE void buttonLeft();
    Q_INVOKABLE void buttonRight();
    Q_INVOKABLE void buttonShort();    Q_INVOKABLE void butto 

  
 

    

    
    QtQuick系列教程(6)-Qml與C++互動
      
							
							
							總目錄傳送

本博文技術等級: ★★☆☆☆☆☆☆☆☆

QML 作為一種靈活高效的介面開發語言已經越來越得到業界的認可。QML 負責介面，C++ 負責邏輯，這也是 Qt 官方推薦的開發方式。那麼 QML 與 C++ 的互動必然是需要我們掌握並且精通的。

本 C 

  
 

    

    
    qml與c++之間的互動
      
                
學習qml的筆記，Qt Quick核心程式設計的一個例子：1、實現一個類（從object以及派生類中繼承而來），使用Q_OBJECT巨集。

#ifndef COLORMAKER_H
#define COLORMAKER_H
#include <QObject> 

  
 

    

    
    qml與c++物件互動
      
							
							
							c++修改、訪問qml屬性、呼叫qml方法(引數傳遞)、qml訊號繫結到c++物件的槽上，傳遞各種型別的引數： 
main.cpp    設定qml屬性、訪問qml屬性、呼叫qml函式、關聯qml訊號與c++物件的槽函式



#include <QGui 

  
 

    

    
    Qt Quick 之 QML 與 C++ 混合編程具體解釋
      ack   world   避免   pub   start   模板方法   另一個   一秒   gis   
    Qt Quick 技術的引入。使得你能夠高速構建 UI ，具有動畫、各種絢麗效果的 UI 都不在話下。但它不是萬能的。也有非常多局限性，原來 Qt 的一些技術，比方低階的網絡編程如 Q 

  
 

    

    
    Unity與C++互動入門
      Unity多執行緒和Job System 
Job System作業只能訪問blittable資料型別。當在託管程式碼和原生代碼之間傳遞資料時，該型別資料不需要轉換。 
關於blittable資料型別在連結二里有介紹。 
Unity與C++互動入門(1) https://www.jianshu.com/p/6 

  
 

    

    
    python與C互動中傳入與讀取記憶體空間
      使用用python呼叫c程式碼中，從外部傳入一個固定大小的記憶體空間，這段記憶體需要是可寫的 
首先看下c中的函式 
 
 typedef struct ModelData
{
    unsigned int    model_len;          //資料長度
    char*           

  
 

    

    
    QML與C++混合程式設計
       
  
  
 文章參考： https://blog.csdn.net/foruok/article/details/32698603 http://blog.51cto.com/9291927/1975383 
 QT專案開發過程中，畫面上顯示的佈局以及對應的資料可能會動態變化，如果只用QML來構件簡單的 

  
 

    

    
    python與c++互動學習入門之5
       
 
  這次講講，如何擴充套件c++庫。通過boost.python把c++庫編譯成python能夠呼叫的dll。 
   通過上一次的教程後，大家都應該會使用boost.python了。把c++程式編譯成pyd檔案。由於c++有很多特性，所以，如果你的程 
  序用了很多的c++特性的話，那麼你必須做很 

  
 

    

    
    Lua與C++互動--lua c api用法--02
      
							
							
							1 引入lua 中標頭檔案
extern “C”
{
#include <lua.h>
#include <lualib.h>
#include <lauxlib.h>

}
2 lua中常用的API
1 lua 與 C++互 

  
 

    

    
    android JNI java與C++互動篇(三)
      
                
整理來源:http://blog.csdn.net/qinning199/article/details/11750763




本文目的

要完成在cocos2dx的場景上一個點選事件，傳遞一個訊息到java層，下面讓我們看看如何完成它。

包括

你需要在你的專案中新 

  
 

    

    
    Lua5.3 與C互動學習(一)
      
							
							
							


C++中引入lua環境搭建


第一種: 聯合的方式(不方便) 
下載lua5.3.1 tar.gz
建立控制檯專案, 靜態庫, 取消預編譯頭;
C/C++>常規>附加包含目錄: 加入5.3.1\src
編譯得到lublib.lib
建立新工程 

  
 

    

    
    Qt Quick 之 QML 與 C++ 混合程式設計詳解
      
                    Qt Quick 技術的引入，使得你能夠快速構建 UI ，具有動畫、各種絢麗效果的 UI 都不在話下。但它不是萬能的，也有很多侷限性，原來 Qt 的一些技術，比如低階的網路程式設計如 QTcpSocket ，多執行緒，又如 XML 文件處理類庫 QXmlStreamR 

  
 

    

    
    QML 入門之QMl與C++類相互訪問(一)
      
                    從Qt5後，引入了QML，以前一直用C++開發，現在看了看QML，以啃官方文件為主，將學習心得記錄下來。    QML 與 C++ 互動主要用到了一個註冊函式 qmlRegisterType ，函式原型如下：   template<typename T>
 

  
 

    

    
    Unity中的C#與C++互動
      
							
							
							

原始碼demo 
演示了一個渲染三角形的例子 
C++部分程式碼實現了對底層API的封裝以及核心功能實現。

RenderingPlugin.cpp中定義了C++的介面。其中定義了一系列全域性變數，使用者通過介面函式對這些全域性變數賦值。如： 
設定紋理

 

  
 

    

    
    QML與C++整合簡述
      
                QML的解釋引擎集成了Qt的元物件系統，允許實現QML與C++混合程式設計。整合QML和C++可以實現以下目的：（1）分離使用者互動介面和後端應用邏輯程式碼;（2）在QML中呼叫C++函式功能（資料模型或第三方的C++庫）;（3）通過C++實現自定義的QML object t

QML與C++互動 登陸介面設計

相關推薦

QML與C++互動登陸介面設計