Problemas no layout do formulário QML (GridLayout)
Agora estou tentando converter minha interface do usuário do aplicativo de C ++ em QML. Em alguma etapa, preciso de uma janela de login, então a criei na QML com o código abaixo:
Window {
id: loginWindow
property string username: login.text;
property string password: password.text;
property bool issave: savePassword.checked;
flags: Qt.Dialog
modality: Qt.WindowModal
width: 400
height: 160
minimumHeight: 160
minimumWidth: 400
title: "Login to program"
GridLayout {
columns: 2
anchors.fill: parent
anchors.margins: 10
rowSpacing: 10
columnSpacing: 10
Label {
text: "Login"
}
TextField {
id: login
text: Config.getParam("user")
Layout.fillWidth: true
}
Label {
text: "Password"
}
TextField {
id: password
text: Config.getParam("password")
echoMode: TextInput.Password
Layout.fillWidth: true
}
Label {
text: "Save password?"
}
CheckBox {
id: savePassword
}
Item {
Layout.columnSpan: 2
Layout.fillWidth: true
Button {
anchors.centerIn: parent
text: "Enter"
onClicked: {
loginWindow.close();
}
}
}
}
}
Eu usei o GridLayout como mais compatível com o layout do formulário. Mas a janela não parece como o esperado. Esta é uma captura de tela:
GridLayout tem margem de 10 px e também 10 px entre linhas / colunas.
Mas na captura de tela, é visto que a linha com botão não possui margens nem espaçamento.
O que eu faço de errado?
Qt 5.3.0 Debian 7.5 x32