qml TextInput用法
时间: 2023-07-22 09:44:31 浏览: 117
在QML中,TextInput是一个用于接收用户输入的控件。它可以单独使用,也可以与其他控件一起使用。以下是一个简单的示例,演示如何使用TextInput:
```qml
import QtQuick 2.9
import QtQuick.Window 2.2
Window {
visible: true
width: 400
height: 400
title: "My TextInput"
Column {
spacing: 10
Text {
text: "Enter some text:"
}
TextInput {
id: myTextInput
width: 300
height: 30
placeholderText: "Type something here"
}
Button {
text: "Show input"
onClicked: {
var input = myTextInput.text
console.log("Your input:", input)
}
}
}
}
```
在这个示例中,我们创建了一个文本输入框,并在下面放置了一个按钮。当用户输入文本时,它将被存储在TextInput的text属性中。当用户点击按钮时,我们将在控制台上显示用户输入的文本。
需要注意的是,在QML中,TextInput的默认高度为30,因此我们需要为其设置一个宽度和高度。我们还可以通过设置placeholderText属性来添加提示文本。
阅读全文