QML记录

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、

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值