1、文本居中方式
verticalAlignment: Text.AlignVCenter // 垂直居中
horizontalAlignment: Text.AlignHCenter // 水平居中
2、输入框等显示中上下边界距离
topPadding: 0 // 上边距
bottomPadding: 0 // 下边距
示例:2.1、上下边距为0,效果如下图
2.2、上边距5,下边距0,效果如下图
2.3、上边距0,下边距5,效果如下图
3、输入框回车的响应函数
ETextField
{
id: testEdit
Keys.onReturnPressed: {
console.log("触发testEdit响应逻辑:", text) // 打印编辑框当前文本,类似qDebug功能
// 响应逻辑
if(!storeIssue.findOrderBill(text))
{
console.log("C++函数调用异常返回:", storeIssue.errorStr)
}
}
}
4、点击函数响应
EButton {
id: testButton
text: "按钮显示名称"
onClicked: {
console.log("testButton点击函数触发", testEdit.text) // 打印其他qml控件的输入信息
/*
额外响应逻辑部分
*/
}
}
5、设置底色(背景色)
// 设置背景色
background: Rectangle { color: "#262626" }
6、popup弹窗界面
Popup {
id: showWindow // 关联ID,方便其他控件触发弹窗
visible: false // 显示效果,控件触发时改为true显示界面
}
7、