QtQuick 技巧6

最新推荐文章于 2023-02-09 09:14:10 发布

qyvlik

最新推荐文章于 2023-02-09 09:14:10 发布

阅读量1.2k

点赞数 1

分类专栏： QtQuick 进阶使用 Qt 一周开发安卓应用文章标签： qml 布局加密算法图像调试

本文链接：https://blog.csdn.net/qyvlik/article/details/61413429

版权

QtQuick 进阶同时被 2 个专栏收录

42 篇文章 20 订阅

订阅专栏

使用 Qt 一周开发安卓应用

22 篇文章 43 订阅

订阅专栏

QtQuick 技巧6

开启图像调试模式

参见 Qt Quick Scene Graph Renderer

通过给环境变量 QSG_VISUALIZE 设置 batches，clip，changes，overdraw 即可进行图像调试.

如何给项目设置环境变量？

打开 QtCreator 最左侧的 项目 界面，构建工具切换到运行，找一找 Run Environment 或者 运行环境，直接添加 QSG_VISUALIZE 环境变量，并设置相应的值即可。此外设置的环境变量不会保存到系统环境变量，可以放行大胆的尝试。

开启 import 调试

设置 QML_IMPORT_TRACE=1 环境变量，即可查看 qml import 了那些库。

  QQmlImportDatabase::addImportPath "/qt-sdk/imports"
  QQmlImportDatabase::addImportPath "/qt-sdk/bin/QMLViewer.app/Contents/MacOS"
  QQmlImportDatabase::addToImport 0x106237370 "." -1.-1 File as ""
  QQmlImportDatabase::addToImport 0x106237370 "Qt" 4.7 Library as ""
  QQmlImportDatabase::resolveType "Rectangle" = "QDeclarativeRectangle"

Debugging QML Applications

一些 QML 代码

version >= Qt. 5.5

竖向布局，可滚动。

Item {
    id: root
    anchors.fill: parent
    anchors.margins: 10

    Flickable {
        anchors.fill: parent

        flickableDirection: ListView.VerticalFlick

        contentWidth: columnLayout.implicitWidth
        contentHeight: columnLayout.implicitHeight

        ColumnLayout {
            id: columnLayout
            width: root.width
        }
    }
}

QML 中可使用的加密，Hash 库

brix/crypto-js

JavaScript library of crypto standards.

配置：

// crypto-js.js
Qt.include("./src/core.js");
Qt.include("./src/lib-typedarrays.js");
Qt.include("./src/x64-core.js");
Qt.include("./src/enc-utf16.js");
Qt.include("./src/enc-base64.js");
Qt.include("./src/md5.js");
Qt.include("./src/sha1.js");
Qt.include("./src/sha256.js");
Qt.include("./src/sha224.js");
Qt.include("./src/sha512.js");
Qt.include("./src/sha384.js");
Qt.include("./src/sha3.js");
Qt.include("./src/ripemd160.js");
Qt.include("./src/hmac.js");
Qt.include("./src/pbkdf2.js");
Qt.include("./src/evpkdf.js");
Qt.include("./src/cipher-core.js");
Qt.include("./src/mode-cfb.js");
Qt.include("./src/mode-ctr.js");
Qt.include("./src/mode-ofb.js");
Qt.include("./src/mode-ecb.js");
Qt.include("./src/pad-ansix923.js");
Qt.include("./src/pad-iso10126.js");
Qt.include("./src/pad-zeropadding.js");
Qt.include("./src/pad-iso97971.js");
Qt.include("./src/pad-nopadding.js");
Qt.include("./src/rc4.js");
Qt.include("./src/rabbit.js");
Qt.include("./src/rabbit-legacy.js");
Qt.include("./src/aes.js");
Qt.include("./src/tripledes.js");

使用：

import QtQuick 2.0

import "./crypto-js/crypto-js.js" as CryptoJSLib

Item {

    width: 360
    height: 640

    function testSHA256() {
        var encrypted = CryptoJSLib.CryptoJS.SHA256("");
        console.log("SHA256:", encrypted);
    }

    MouseArea {
        anchors.fill: parent
        onClicked: {
            testSHA256();
        }
    }
}