Qt之QML编程函数的定义和调用

原创已于 2023-05-15 22:20:58 修改 · 2.5k 阅读

3 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

当前文章被收录于：

34 篇文章 11 人学习

以Qt知识点为主要内容，伴随部分小项目的练习，由此有条不紊的学习和掌握Qt知识

订阅专栏查看详情

Qt Quick

当前文章被收录于：

Qt Quick

13 篇文章 7 人学习

欢迎来到我的Qt Quick博客专栏！在这个专栏中，我将分享关于Qt Quick的各种知识和应用，帮助您快速了解和掌握这个高效、跨平台的UI框架。我将介绍Qt Quick元素、Qt Quick控件、Qt Quick动画、Qt Quick模型/视图/代理等方面的内容，并提供实际应用场景的案例。

订阅专栏查看详情

当前文章被以下社区和专栏收录：

于 2022-02-26 17:38:53 首次发布

本文详细介绍了如何在Qt Quick 2.0中编译和使用QML文件，包括函数定义和一个在鼠标点击事件中调用函数的实际例子。通过Rectangle组件展示了一个鼠标区域的设置，当鼠标点击时会输出带有参数的'Hello'消息。

文章目录

怎么编译.qml文件
函数定义和调用的例子

怎么编译.qml文件

在这里插入图片描述

然后点击快捷键就可以选择我们要编译的qml文件就行

函数定义和调用的例子

import QtQuick 2.0

Rectangle {
    id:myrect
    width: 200
    height: 200

    //定义一个函数
    //function <name>(参数名1，参数名2,....){...}
    function sayHello(strHello)
    {
        console.log("say"+strHello);//控制台打印日志
    }

    //设置鼠标活动区域
    MouseArea{
        //固定鼠标区域（接受鼠标点击和焦点的区域）
        anchors.fill:parent//父类多大就多大即Rectangle大小
        //当鼠标点击时候就会调用函数
        onClicked: myrect.sayHello("Hello.....")
    }
}