带聚焦textField的QML对话框

Question

我正在开发qt快速应用程序，我想打开对话框。在这个对话窗口中是TextField，我想在对话框打开后将焦点设置到这个文本框。 此代码没有工作。

function newFolder() { 
    newFolderDialog.visible = true 
    newFolderDialog.open() 
} 

Dialog { 
    id: newFolderDialog 
    title: "New folder" 
    height: 150 
    width: 300 
    standardButtons: StandardButton.Ok | StandardButton.Cancel 

    Column { 
     anchors.fill: parent 
     Text { 
      text: "Name" 
      height: 40 
     } 
     TextField { 
      id: newFolderInput 
      width: parent.width * 0.75 
      focus: true 
      onFocusChanged: console.log("Focus changed " + focus) 
     } 
    } 

    onVisibilityChanged: { 
     if(visible === true){ 
      newFolderInput.text = "" 
      newFolderInput.focus = true 
     } 

    } 
} 

输出到控制台

QML：重点变成假
QML：重点变成真正
QML：重点变成假

它的样子，不知怎的焦点在我将焦点设置为textField后更改了

Answer 1

您不需要n按照写入的顺序执行函数。从功能Dialog的文档open()：

向用户显示对话框。它等于相当于将可见设置为true。

鉴于（这不是问题），似乎焦点在对话框和包含的元素之间不断争用。您打开/关闭Dialog越多，评估就越多。我现在无法弄清楚为什么会发生这种情况。但是，您可以通过以下方式轻松解决问题：（1）取消处理程序和（2）重写newFolder()。最后的代码重写：

ApplicationWindow { 
    width: 360 
    height: 300 
    visible: true 

    Button { 
     anchors.centerIn: parent 
     text: "click me!" 
     onClicked: newFolder() 
    } 

    Dialog { 
     id: newFolderDialog 
     title: "New folder" 
     height: 150 
     width: 300 
     standardButtons: StandardButton.Ok | StandardButton.Cancel 
     focus: true // Needed in 5.9+ or this code is NOT going to work!! 

     Column { 
      anchors.fill: parent 
      Text { 
       text: "Name" 
       height: 40 
      } 
      TextField { 
       id: newFolderInput 
       width: parent.width * 0.75 
       focus: true 
       onFocusChanged: console.log("Focus changed " + focus) 
      } 
     } 
    } 

    function newFolder() { 
     newFolderDialog.open() 
     newFolderInput.focus = true 
    } 
} 

这样，你第一次打开对话框，然后将焦点设置到适当Item。