Qml——Window元素使用

复制代码
import QtQuick 2.15
import QtQuick.Window 2.15
import QtQuick.Controls 2.15

Window {
    id: window
    width: 640
    height: 480
    visible: true
    title: qsTr("Hello World")

    Text{
        //默认位于父容器(0,0)
        text: qsTr("Hello World")
    }
    Button{
        id: button

        x: 400
        y: 200
        text: qsTr("打印")
        font.weight: Font.Black
        anchors.fill: parent; //填满整个父窗口,此时x: 400;y: 200将会失效
        anchors.margins: 10; //按钮四周距离窗口边缘各缩进 10 像素
        onClicked: {
            print("data" + window.data[0] + "," + window.data[1])
        }
    }
}

运行结果:

点击按钮后控制台打印:dataQQuickText(0x2662a50),Button_QMLTYPE_0(0x2661e50)

相关推荐
一碗白开水一3 分钟前
Day 5 · 弹性 | 微观
java·前端·数据库
Lsx_11 分钟前
微信支付接入全流程:JSAPI支付、小程序支付与H5支付
前端·javascript·全栈
OpenTiny社区28 分钟前
React 正式登场!GenUI SDK v1.4.0 三框架渲染、出码与 Agent 生态重磅升级~
前端·ai编程
试图让你心动37 分钟前
【无标题】
前端·javascript·vue.js
Hilaku40 分钟前
为什么每个前端都应该拥有一个自己的独立博客?
前端·javascript·程序员
燕落南枝43 分钟前
CSS 后代选择器与子代选择器:从入门到实战
前端·css
Amos_Web1 小时前
Rspack 源码解析(二十八):HtmlRspackPlugin 如何把模板变成带资源标签的最终产物
前端
马可家的菠萝1 小时前
个人知识库怎么建?从一个正在学的技术主题开始
前端·笔记·知识管理·个人知识库
几何心凉1 小时前
端到端具身交互智能正式上线:让 AI 通过屏幕和机器人,真正走进现实世界
前端·人工智能·实时互动·机器人·交互
tryCbest2 小时前
Vue3——第 6 篇:事件处理与表单绑定——v-on 与 v-model
前端·javascript·vue.js