QML案例 转换焦点 调用自增函数

逻辑图

效果图

创建代码

代码

import QtQuick 2.12
import QtQuick.Window 2.12

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

    Text {
        id: text1
        focus: true
        color: focus?"red":"black"

        // 自定义变量，按下空格的次数
        property int spacePress: 0
        text: "text1:"+spacePress+" times"
        // 当文字发生变化时，打印出来
        onTextChanged: function(text){
            console.log("text changed to:",text)
        }
        // 按下空格键时，调用函数
        Keys.onSpacePressed: {
            increment()
        }
        function increment(){
            spacePress = spacePress + 1
        }
        // Tab键转换焦点
        KeyNavigation.tab: text2

    }

    Text {
        id: text2
        text: "text2:"+text1.spacePress+" times"
        width: 40
        height: 40
        anchors.centerIn: parent

        focus: !text1.focus
        color: focus?"red":"black"

        // Tab键转换焦点
        KeyNavigation.tab: text1

        // 按下空格自增函数
        Keys.onSpacePressed: {
            increment()
        }
        function increment(){
            text1.spacePress += 1
        }
    }
}