设计第二个弹出窗口(MessageBox)

来源：互联网发布：mac icloud备份编辑：程序博客网时间：2024/06/06 00:22
import QtQuick 2.7import QtQuick.Controls 2.0import QtGraphicalEffects 1.0import QtQuick.Controls.Material 2.0import "./MySdk.js"  as  SDKimport "./GooleGooleColor.js"  as  GooleColorPopup {    property string titletxt: "标题.."    property string  texttxt: "锤子科技初创伊始，钱晨作为合伙人的身份加盟，填补了硬件的短板。罗永浩形容钱晨的加盟是“挖到了宝”，多次在公开场合不无骄傲的夸赞钱晨，如今钱晨离职，锤子手机T3发布在即，你还看好锤子的未来吗？"    property color bkcolor: GooleColor.浅蓝色["500"]    property color fontcolor:GooleColor.青["A200"]    property color btncolor: GooleColor.紫["200"]    property color splitcolor:GooleColor.蓝["200"]    Material.accent: bkcolor    Material.background: fontcolor    Material.foreground:   bkcolor    Material.theme: Material.Light    id:msgroot    modal:true    width: parent.width    height: parent.height    closePolicy: Popup.CloseOnEscape    background: Item{}    Item {        id:rootitem        width: 0        height: parent.height*0.8        anchors.centerIn: parent        Behavior on width{NumberAnimation{duration: 666}}        Rectangle{            id:bk            radius: 8            border.color: "#cccccc"            anchors.fill: parent            color: "#f090C2"            Behavior on color{PropertyAnimation{duration: 1000}}            Flickable{                id:flick                width: parent.width                height: parent.height-ok.height                contentHeight: col.height                clip: true                ScrollBar.vertical: ScrollBar{}                Column{                    id:col                    width: parent.width                    spacing: 2                    Text {                        id: title                        text:titletxt                        font.family: "微软雅黑"                        x:col.width/2 -width/2                        font.pixelSize: 18                        color: "red"                        font.bold: true                        Behavior on color{PropertyAnimation{duration: 1000}}                    }                    Rectangle{id:split;                        width: col.width*0.95;height: 5;}                    Item {                        width: 1                        height: 20                    }                    Label{                        id:text                        wrapMode: Text.WrapAnywhere                        font.pixelSize: 20                        font.family: "微软雅黑"                        font.bold: true                        color: "red"                        text:texttxt                        width:col.width*0.8                        x:col.width/2 -width/2                        Behavior on opacity{NumberAnimation{duration: 1666}}                        Behavior on color{PropertyAnimation{duration: 1000}}                    }                }            }            Button{                id:ok                text:"确定"                width: 80                height: 40                y:-1000                x:col.width/2 -width/2                clip:true                Behavior on width{NumberAnimation{duration: 2000;easing.type: Easing.OutInBounce} }                Behavior on y{SpringAnimation{spring: 20; damping: 0.2;mass:2} }                Timer{                    id:changgeWidth                    triggeredOnStart: true                    repeat: true                    running: false                    interval: 2000                    onTriggered: {                        console.log("动画")                        ok.width =suijishu(120,60)                    }                }                onClicked: {                    close()                }            }            layer.enabled: true            layer.effect: DropShadow {                antialiasing: true                transparentBorder: true//绘制边框阴影                color:"#000000";                radius: 10;                spread: 0.1            }        }        states: [            State {                name: "open";when: msgroot.visible==true;                PropertyChanges { target: rootitem ;width: parent.width*0.8}                PropertyChanges { target: bk ;color:bkcolor}  //背景色                PropertyChanges { target: title ;color:fontcolor}//标题文字颜色                PropertyChanges { target: text ;color:fontcolor}//文字颜色                PropertyChanges { target: split ;color:splitcolor}//标题下方分割线的颜色                PropertyChanges { target: text ;opacity:1}                PropertyChanges { target: ok ;y:flick.height}                PropertyChanges { target: changgeWidth ;running:true}            }        ]    }    function  suijishu(max,min)    {        return  Math.random()*(max-min+1)+min;    }    signal callback();    onClosed: {            callback()    }}
这里写图片描述
0 0