悬浮框实现

• • • 项目

1. 项目1
2. 项目2
3. 项目3

•  计划任务
•  完成任务

创建一个表格

一个简单的表格是这么创建的：

项目	Value
电脑	$1600
手机	$12
导管	$1

设定内容居中、居左、居右用:---------:居中
使用:----------居左

// main.qml
import QtQuick 2.15
import QtQuick.Window 2.15

import "."


Window {
    width: 640
    height: 480
    visible: true
    title: qsTr("Hello World")
    id: mainwindow
    property bool focusedMain

    signal focusChanged(bool aaa)

    Loader {
        id: floatingPopup
    }

    // 初始化和显示悬浮框
    function initFloatingPopup(info) {
        console.log("initFloatingPopup", info)
        if (floatingPopup.source == "") {
            floatingPopup.source = "FloatingWindow.qml"
        }
        floatingPopup.item.text = info
        floatingPopup.item.show()
        floatingPopup.item.raise()
    }

    Component.onCompleted: {
        initFloatingPopup(qsTr("悬浮框"))
    }


    onActiveChanged: {
         //console.log("111 onFocusObjectChanged:", active)
    }

    onFocusObjectChanged: {
        // console.log("888 onFocusObjectChanged:", object)
    }

    onActiveFocusItemChanged: {
        if (activeFocusIt