论坛 › QML和QtQuick › qml 如何让输入框失去焦点？

wang12zhe 发表于 2021-4-9 23:02:29

qml 如何让输入框失去焦点？

我的界面上只有三个控件：1.输入框，2.Button,3. 单选按钮
我发现当输入框获得焦点后，光标在输入框里闪烁，此时当我单击button或者单选按钮后，光标依然在输入框闪烁，

我的问题
1. 这是否说明当单击Button或者单选按钮后焦点还在输入框里？
2. 如何实现当单击Button或者单选按钮后让输入框失去焦点？

我的代码如下：


import QtQuick 2.12
import QtQuick.Window 2.12
import QtQuick.Controls 2.12
import QtQuick.Controls 1.4
Window {
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")
    Rectangle{
      width: 240
      height: 80
      border.color:"#FFFF00"
      border.width: 3
      anchors.centerIn: parent
      radius: 5
      TextInput{
            id:input
            anchors.fill:parent
            anchors.margins: 2
      }
    }

    Row{
      anchors.left: parent.left
      anchors.right: parent.right
      anchors.bottom: parent.bottom
      height: 30
      spacing: 10
      ExclusiveGroup{
            id:group
      }
      RadioButton{
            id:radio_1
            exclusiveGroup: group
            text: qsTr("Base")
      }
      RadioButton{
            id:radio_2
            exclusiveGroup: group
            text: qsTr("Advanced")
      }
      RadioButton{
            id:radio_3
            exclusiveGroup: group
            text: qsTr("Advanced")
      }
    }

    Button{
      id:btn
      text: "OK"

      onClicked: {
            console.log(input.text)
            console.log(btn.text)
      }
    }
}

52rock 发表于 2021-4-9 23:02:30

    Button{
      id:btn
      text: "OK"
      focus: true
      onClicked: {
            console.log(input.text)
            console.log(btn.text)
            input.focus = false
      }
    }

查看完整版本: qml 如何让输入框失去焦点？