QML自定义操作提示框

最新推荐文章于 2024-08-22 18:04:05 发布

芈鹿

最新推荐文章于 2024-08-22 18:04:05 发布

阅读量2.5k

点赞数 2

分类专栏： QML 文章标签： qml 提示框

本文链接：https://blog.csdn.net/qq_43627981/article/details/106137113

版权

Message.qml组件

import QtQuick 2.0

Item {
    id: messageBox
    width: msgBox.width
    y: 50
    anchors {
        horizontalCenter: parent.horizontalCenter
    }
    //提示框内容
    property alias text: msg.text
    property bool show: false
    property var type: "info"        
    visible: show
    //执行定时器
    function openTimer() {
        timerId.start()
        messageBox.y = 80
    }
    Behavior on y {
        NumberAnimation {
            duration: 200
        }
    }
    Timer {
        id: timerId
        interval: 3000
        repeat: false
        onTriggered: {

            messageBox.y = 50
             timerHide.start()
        }
    }
    Timer {
        id: timerHide
        interval: 300
        repeat: false
        onTriggered: {
            show = false
        }
    }
    //$Utils.boxWidth封装的一个函数 计算元素的宽度  自身宽度+leftMargin+rightMargin
    Rectangle {
        id: msgBox
        clip: true